css整理总结

Posted 2021-01-19 studysuper

readOnly 和 disabled

readOnly为只读模式，并且只对input和textarea有效
disabled对所有表单元素都有效，并且表单元素使用disabled后，post或get的方式提交，这个元素的值不会传输出去    

link和@import的区别

link属于html标签，可以引入出css以外的事务，如RSS，而@import是css提供的，只能加载css文件。
link会在页面加载同时加载，@import会等到页面加载完成再加载。
import只在IE5以上才能识别，link五兼容性问题。
link防止的样式权重，高于@import的权重。
link可以使用javascript控制dom改变样式，@import不可以。

css3新特性

圆角。(border-radius)
阴影。(box-shadow/text-shadow)
渐变。(gradient)
旋转、定位、缩放、倾斜。(transform:rotate/translate/scale/skew)
增加了更多选择器。
多背景。
rgba。
动画。
媒体查询。
多栏布局与盒布局。
新的盒模型计算方式（box-sizing）。

css3新增的伪类

first-of-type、first-child、last-child、last-of-type、only-child、nth-child、enabled、checked、only-of-type、roo。
唯一的伪元素：::selection。

display:none和visibility:hidden的区别

display:none隐藏元素，在文档布局中不在给它分配空间，它个边的元素会合拢，就当他从来不存在。
visibility:hidden隐藏元素，但是在文档布局中仍保留原来的空间。

列display的值和作用。position的值， relative和absolute定位原点

• block 象块类型元素一样显示。
  none 缺省值。向行内元素类型一样显示。
  inline-block 象行内元素一样显示，但其内容象块类型元素一样显示。
  list-item 象块类型元素一样显示，并添加样式列表标记。

• position的值
  absolute：生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
  fixed （老IE不支持）：生成绝对定位的元素，相对于浏览器窗口进行定位。
  relative：生成相对定位的元素，相对于其正常位置进行定位。
  static 默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right z-index 声明）。
  inherit 规定从父元素继承 position 属性的值。