css整理总结

Posted studysuper

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css整理总结相关的知识,希望对你有一定的参考价值。

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 属性的值。









以上是关于css整理总结的主要内容,如果未能解决你的问题,请参考以下文章

前端css知识总结整理

VS Code 插件整理

VSCode自定义代码片段——CSS选择器

VSCode自定义代码片段——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画