Day24|学习前端CSS

HTML把一大段杂乱无章的话,调整变成文章格式

颜色

rgba,16进制

CSS选择器(从上往下,权重越低)

类选择器#(为多个元素设计相同样式

伪类选择器:和类选择器.

元素选择器p,div,li

通用选择器*

伪类:link,:visited,:hover,:active

伪元素::before。 ::after

继承inherited与文本相关属性可以继承

通用选择器适用于所有元素,不涉及继承

盒子模型

1、inline box内联盒子。只占据需要的空间

inline行内元素。水平(左右)生效,宽高由内容决定,不能生效

display:inline

2、block-level box块级盒子

块级元素占满整行,四个方向生效

display:block

3、inline-block只占据需要,还能改变盒子四个方向

collapsing margin边缘塌陷

position

绝对定位position:absolute

相对定位position:relative

sibling seletors

~和+

h2~p。h1+p

不会的谷歌搜索

HTML validator。

MDN。stack overflow

明天看:CSS布局float layout ,flexbox,CSS grid。和JS