HTML+CSS+JS基础知识
Web前端的结构+表现+行为的技术文档
Lonely King
这个作者很懒,什么都没留下…
展开
-
CSS day5
第五章1.CSS的顺序书写1.1.布局定位属性: display/position/float/clear/visibility/overflow/1.2.自身属性:width/height/margin/padding/border/background1.3.文本属性:color/font/text-decoration/text-align/vertical-align/white-space/break-word1.4.其他属性: content/cursor/border-ra原创 2020-11-23 18:37:06 · 109 阅读 · 0 评论 -
CSS day6
第五章1.元素的显示与隐藏display:none 隐藏对象,不保留位置dispaly:bolck 显示元素visibility:visible可见的,hidden隐藏(保留位置)overflow:visible,hidden(溢出隐藏,超出部分隐藏),scroll(显示滚动条,不会超出盒子大小,内容显示很全,总是显示,但画面丑不常用),auto(显示滚动条,不会超出盒子大小,内容显示很全,超出显示滚动条,不超出不显示,但画面丑不常用)2.鼠标样式cursorcursor:def原创 2020-11-23 18:36:30 · 182 阅读 · 0 评论 -
CSS day4
第四章1.浮动(float)1.1.普通流(标准流)块级元素会独占一行,从上到下顺序排列 常用元素:div,hr,p,h1-h6,ul,ol,dl,form,table行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘自动换行 常用元素: span,em,i,a等1.2.浮动让盒子从普通流浮动起来,主要作用让多个块级盒子一行显示脱离标准流,移动到指定的位置float:none(默认值);left(左浮动);right(右浮动)浮动是在普通流...原创 2020-11-12 09:27:03 · 147 阅读 · 0 评论 -
CSS day3
第三章1.盒子模型盒子组成的4个组成部分:盒子内容(content),盒子边框(border),盒子内边距(padding),盒子外边距(margin)2.盒子边框border-width 定义边框的粗细,单位是pxborder-style 边框样式,默认值none;solid实线;dashed虚线;dotted点线border-color 边框颜色border-top-width,border-top-style,border-top-color(上下左右都能写)borde原创 2020-11-11 16:51:50 · 124 阅读 · 0 评论 -
CSS day2
第二章1.CSS复合选择器1.1.后代选择器用来选择元素或元素组的子孙后代,包含元素下面的所有符合条件的元素<head> <style type="text/css"> .nav a { color:red; } </style></head><body> <div class="nav"> <a herf=原创 2020-11-11 11:23:55 · 100 阅读 · 0 评论 -
CSS day1
第一章1.CSS初始CSS(Cascading Style Sheets) 通常称为CSS样式或层叠样式表,主要用于版面的布局和外观显示样式,网页的美容师2.引入CSS样式表2.1.行内样式(内联样式)通过标签的style属性设置元素的样式<h1 style="color:pink;font-size:12px;">行内样式表</h1>只能控制当前的标签和以及嵌套在其中的字标签,造成代码冗余没有实现结构与样式分离2.2.内部样式表(内嵌样式表)原创 2020-11-10 16:22:42 · 72 阅读 · 0 评论 -
HTML笔记day2
HTML笔记day2第二章1.表格:显示&展示数据<table></table>表格标签<tr></tr>表格行标签必须嵌套在table标签中<td></td>表格的单元格标签,必须嵌套在tr标签中2.表格属性border 设置表格的表框(默认border = "0" 无边框)width 设置表格的宽度height 设置表格的高度align 设置表格的网页中的水平对齐方式,值为left(左原创 2020-11-09 18:32:56 · 147 阅读 · 0 评论 -
HTML笔记day1
第一章1.页面元素信息http-equiv:设置页面有关信息,需要与content属性配合,常见设置如下: 指定页面的文本编码格式:<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 页面显示5秒钟后浏览器跳转到其他的www.baidu.com页面<meta http-equiv="Refresh" content="5;Url=http://www.baidu.com"> 浏览器可以原创 2020-11-09 14:46:44 · 92 阅读 · 0 评论