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