CSS（2）

选择器：id选择器  类选择器  元素选择器

符合选择器：并列选择器  子孙选择器  孩子选择器

通配符选择器： *{.....}  

伪类选择器：

 通过伪类选择器对一个元素的不同状态进行不同的处理：

写法必须 link-visited-hover-active 顺序

 

 

 Array - JavaScript | MDN

css这常见的属性（attribute）

1）css中的属性一来随着标准在不断变化，二来数量特别多（至少几百个）。全部学完是不现实的

2）MDN  （或者其他网站上大多提供了css属性的解释），随时可以查阅即可

3）这些属性基本是见名知意的，

4）多看别人如何使用，去做进一步学习

学习期间常见的属性：

 font-family 字体类型 font-size 大小  

 font-weight 字体加粗   font-style 字体风格

  color 字体颜色 表现方式1（直接写颜色英语）2（以RGB形式写其中有（函数式，16进制式，16进制缩写版本））

 文本的水平方向对齐方式（text-align） 和 文本添加下划线，中划线和上划线 （text-decoration）文本缩进（text-indent）文本行高（line-hight）

 

 背景相关：  背景颜色 background-color  背景图片 background-image ：（URL）；

背景平铺 background-repeat：方法；

背景显示位置 background-position：

 盒模型

 

 

 

布局  和 弹性布局

 由于需要大量修改css每次 修改 重启 idea 刷新网页非常麻烦

 总结CSS：

1.基本运行机制： 选择器选中元素 ， 运行规则

2.继承性：父结点的某些属性会影响它的子孙

3.层叠性；最终显示是类似图层的概率，离树的根越近，越靠近显示的底层，越容易被上遮挡

4.引入方式：越精准越优先；越靠后越优先

6.选择器：

基本的： 元素 id 类选择器

复合的：并关系，或关系，子孙关系，孩子，伪类

7.盒模型（主要针对块级元素）

外间距，边框，内边框，内容，宽，高

默认：宽由父元素决定   高由子元素撑开

8.块级元素 vs 内联元素（知道有区别即可，具体区别不用特别记忆）

9.弹性布局

主轴（默认是水平方向）辅助轴（默认是垂直方向）

父元素设置 display：flex  影响孩子元素

justify-content：影响主轴

align-items：影响辅助轴