第好几天。
line-height 行高
文字在当前这一行当中所占用的高度
行高包括了文字以及上下的留白
在没有设置行高时,默认自带行高
行高所占用的空白区域,分别平均分配在文字的上下两边
行高会占位置,并且可以撑开容器
1.在没有给容器设置高度和行高时
文字上下的行高空白区域大小是根据文字大小进行变化的
2.容器有高度没有行高时
高度始终固定,文字有默认行高
3在没有给容器设置高度,但是设置了行高时
会根据行高进行容器高度的变化
行高为0 容器高度为0
行高非0,容器高度是行高的值
4 容器有高度有行高时
容器始终以高度设置的值为准
行高不会影响容器的高度,会根据行高值进行纵向移动
行高和高度一致时,文字会垂直居中
行高测量
1,有边框或者参考物的时候
从参考物到文字的顶端所得出的值在放到文字的下方
行高= 当前文字大小+上下留白
2 没有参考物的情况下
1。从第一行文字的顶端量到第二行文字的顶端 ,得到测量值
(测量值 -当前文字大小 )/2 平均分配到文字的上下两端
3 行高为奇数
文字顶端的行高留白少1px
文字底部的行高留白多1px
text-align 文本对齐方式
left (默认值) center right
text-indent 首行缩进 1em = 当前字体大小
text-decoration 添加到文本的修饰
none 标志文本。underline 文本下的一条线。overline 文本上的一条线
line-through 穿过文本下的一条线 blink 闪烁的文本 inherit 从父元素继承text-decotation的值
letter-spaceing 字母间距 (px)
word-spacing 单词间距 (px)
white-space nowrop 强制不换行 normal 正常
padding 内填充 在边框里面 内容区域外面
特性。影响容器的大小 (宽高)
margin 外边距 在边框外面 与同级元素之间的间隔或者与父级边界之间的距离
特性 不会影响容器的大小(宽高) 元素会有位移
top right bottom left
id 选择器 唯一 当前页面同一个id 只能有一个
类选择器 css
块元素 div p。。
1.默认独占一行
2.在没有宽度时,默认撑满父级宽度
3.支持所有css命令
内联元素。 body a span em 。。。
1.在一行中可以放置多喝同类型的(内联)元素
2.内容撑开宽度
3.不支持宽高
4.不支持上下的margin
5.代码换行被解析
display 显示时所做的一些事情
block 块
使内联元素具备块属性标签的特性
inline 内联
使块属性具备内联元素的特性
inline-block 内联块
1.块元素能在一行显示
2.内联元素能设置宽高
3.没有宽度的时候内容撑开宽度
4.代码换行被解析
5.ie6.7 不支持
伪类 给某个标签添加特殊的效果
:link 链接为被访问时
:visited 链接被访问后
:hover 鼠标悬停时
:active 鼠标按下时
a 标签的hover 伪类时可以兼容所有浏览器的
a:hover{
color:red;
}
当鼠标悬停时 颜色变成红色