html转义字符:
< <
> >
空格  
& &
列表:
ul 无序列表
ol 有序列表
dl 自定义列表
表格(table):
包含:
thead 表格头部
tbody 表格主体
tfoot 表格尾部
tr 单元行
th 表头单元格
td 单元格
属性:
border 边框粗细
cellpadding 单元格内边距大小
cellspacing 单元格外边距大小
colspan 横向合并
rowspan 竖向合并
表单:
abel 标签 语义化标签
input:
属性值:
text 普通输入框
password 密码输入框
number 数字框
image 自定义按钮
radio 单选框
checkbox 多选框
range 滑杆
以下了解:
file 上传框
color 颜色选择框
url 网址输入框
tel 手机号输入框
属性:
placeholder 预输入内容
value 设置当前输入框里的内容
maxlength 限制输入框输入的最大长度
minlength 限制输入框输入的最小长度
数字框 (number)
max 最大值
min 最小值
下拉框 (sekect)
optgroup 代表一个大选项
option 代表大选项下的小选项
属性:
label 属性值是大标题的文本
selected 默认选择
css常用文本样式
color 文字颜色 取值分为三种:1.英文 2.rgb 3.十六进制
font-size 字体大小 取值:一般分为像素值
font-weight 字体粗细 取值:数字取值 100-900(整百数);
normal 正常的字体相当于数值400
bold 粗体,相当于数值700
bolder 定义比继承值更重的值
lighter 定义比继承值更轻的值
font-style 字体样式 取值:normal 正常字体;italic 倾斜字体
font-family 字体设置 取值:值为各种字体的名字
text-align 居中方式 取值:left 居左;
center 居中;
right 居右
text-decoration 文本装饰线 取值:underline 下划线;
line-through 删除线;
none 没有
text-indent 文本缩进 取值:一般使用em,em可以自动
判断多少px像素,1em是
1个文字格
letter-spacing 字间距 取值:px或者em
word-spacing 词间距 取值:px或者em
注意:需要在词的两边加上
空格才会生效
line-height 行间距 自定义字体库:1.首先下载对应的字体库 文件
2.把文件放到html文件的
目录结构中
3.css当中使用@font-face
关键字来设定其中的
font-family和src
4.如果某个标签要使用自
定义字体库,则使用
font-family属性即可
css三大特性
1.层叠性:如果权重值一样,那么就会按照顺序来执行最后一个样式,这就是层叠性。
2.继承性:a:给父类设置的一些属性,子元素可以继承这些属性。
b:有些属性是没有继承性的,判断一个元素是否有继承性,则需
要查看文档和测试。比如:颜色,字体,文本有继承性;
大小,内外距,浮动,定位没有继承性。
3.优先级:a:css权重值,权重值大优先级越大,权重值越小优先级越小。
b:权重值:i:!inportant 无穷大
行内样式 1000
id选择器 0100
calss选择器,伪类,属性选择器 0010
标签选择器和伪选择器 0001
通用选择器(*),子选择器(>),包含选择器,相邻选择器(+)等
选择器不在等级之内0000
ii:权重值可以想加,但不可以进位。
定位 position
相对定位 relative i .相对定位是以自身的位置来参考位移
ii.相对定位的元素不脱离文档流(就是原来的位置不会被
占用)(还是遵循流式布局,从左往右,从上到下的排列
方式)
iii.通过left top right bottom 来进行位移。
绝对定位 absolute i.绝对定位的移动参考元素是带有定位的父元素,如果找不
到有定位的父元素,则一直向上找,直至body/html/浏览
器窗口,当成参考元素
ii.绝对定位会脱离文档流,原有的位置会被后面的元素取代,
不遵循流式布局。
iii.通过left top right bottom 来进行位移
静态定位 static i.没有使用过定位的元素就是静态定位的状态,也就
是默认状态。
ii.静态定位不脱离文档流,而且四个方向的位移也不能使用,
使用也是无效。
固定定位 fixed i.将元素固定到视窗某个位置
ii.固定定位脱离文档流
iii.如果不设置宽度,宽度就是内容的宽度
iiii.通过left top right bottom 来进行位移
粘性定位 sticky i.当用户滚动时,在相对定位和固定定位来回切换,
在达到某个值的时候,就会固定到屏幕上。
ii.通过 top bottom 来进行判断
定位的层级关系 i.如果碰到两个定位浮起的元素,则有可能自己的那
一个元素在后面被遮住,如果想要让这个元素在最
上面则需要用z-index
ii. z-index 值: 数字,数字越大层级越高