html学习，关于css及以后

class可以多次重复使用，id只能使用1次

ul li>a:a是li的直接子元素

.father>li>a

div.red,选择的是既是div,类名又为red的元素

带：叫伪类选择器，如:link :visited :hover :active

a:active 鼠标按下时候a的样子

按照link visited hover active的顺序写css样式，先love再hate

每个标签都是盒子，布局就是摆盒子的过程

行内元素 行内块元素，我们可以看作文本

后代选择器是为了限定范围

p和h被称为文字类块级元素，所以p和h内尽量不要放块级元素

a里面不适合再放a,a里面可以放块级元素

一行包括顶线 中线 基线 底线；行高(line-height)指基线和基线间的距离

盒子包括上边距 内容高度 下边距

如果行高等于height,文字垂直居中；

如果行高大于height,文字会偏下，因为上边距=(line-height-文字高度)/2

如果行高小于height,文字会偏上

css出现冲突，按css出现的顺序为准

类选择器权重高于标签选择器

标签选择器权重：0，0，0，1

越往左，权重越大，权重没有进制

类，伪类选择器权重：0,0,1,0

id选择器权重:0,1,0,0

标签内style样式选择器：1，0，0，0

最大权重：eg.{color:pink！important}，！important权重为无限大，但一般不使用

*或继承的权重为0,0,0,0

权重相同，按css执行顺序判断

继承过来的权重是0，不管父亲的权重多大，继承过来的都为0

0，0，0，5+0，0，0，5=0，0，0，10而不是0，0，1，0