CSS 部分知识点 总结

Posted 2020-09-14

1.在form表单中： method是提交方式      arction路径提交地址

2.web标准，即网站标准，它不是一个标准而是W3C制定的一系列标准的集合，主要由：结构、表现和行为三大标准组成。

以上提及web标准有三部分：结构、表现及行为，资深的重构师一般都会推荐将这三种标准分离，这是他们的经验，他们的告诫是将三者分离的重构模式会让网站更易于维护及扩展。

以上所说的‘分离’是指，结构、表现及行为，三者各自负责分内工作，用业界的专业术语应该叫做解耦合，

即结构完全由html/XHTML负责，表现完全由CSS负责，行为完全由脚本语言负责，三者最好的结合模式就是功能不重叠。 

3.z-index：CSS中有position属性值为absolute、relative或fixed，用z-index此取值方可生效。属性参数值越大，则被层叠在最上面。

4.　　static：默认值，没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。

　　   relative：生成相对定位的元素，相对于其正常位置进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

　　　fixed：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

　　　absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。

5.float的三个特征：（行类元素浮动后会自动变成块级元素）

　　　　脱离文档流        包裹性        父级高度塌陷

6.　给一个元素设置margin-left值，在水平方向排列，两个元素之间的margin值会增大

　　给一个元素设置margintop/buttom值，垂直排列，两个元素之间的margin值会重叠，故取大值为两个元素之间的margin值

7.如何计算RGB的16进制：

       正常的 RGB 颜色的有效范围，是从 0 到 16,777,215 (0xFFFFFF)。每个数段都是两位十六进制数，即从 00 到 FF。

　　   例如：rgb(0,255,255)转16进制，

　　先分别转0(10)=00(16),255(10)=FF(16),255(10)=FF(16),组合得到#00FFFF。
　　
   又如rgb(255,0,0),先转换255(10)=FF,0(10)=00(16),0(10)=00(16),再组合得到#FF0000。

8.BFC 定义:

BFC(Block formatting context)直译为"块级格式化上下文"。
它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干

BFC布局规则：

1. 内部的Box会在垂直方向，一个接一个地放置。
2. Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠
3. 每个元素的margin box的左边， 与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。
4. BFC的区域不会与float box重叠。
5. BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。
6. 计算BFC的高度时，浮动元素也参与计算

哪些元素会生成BFC：

1. 根元素
2. float属性不为none
3. position为absolute或fixed
4. display为inline-block, table-cell, table-caption, flex, inline-flex
5. overflow不为visible