前端关于CSS_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了前端关于CSS_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1883字,纯文字阅读大概需要3分钟。
内容图文
CSS全名层叠样式表,层叠的含义有三个:1.按照特殊性的高低,特殊性高的覆盖特殊性低的样式声明;2.不同属性的样式声明要合并;3.后出现的相同的样式声明覆盖先出现的。所以要改变样式的优先级也有三种方法:1.提升选择器的特殊性;2.改变样式的先后顺序;3.在需要提升优先级的样式声明分号前面加上!important;层叠样式表实际上也是一种语言--样式设计语言。既然是一种语言,它就会有自己的语法。层叠样式表的语法虽然和HTML一样简单,但没有HTML那么简单粗暴一下就全掌握了。这主要是因为css语法规则涉及内容比HTML多一些,所以先介绍以下3条最基本的语法:
1.一个样式规则由两部分组成:选择器和声明块,声明块用大括号括起来。
2.每个声明块由单个声明组成,单个声明是由冒号分开的属性-值对组成,并以分号结尾(最后一个声明可以不写分号);
3.css注释的写法为/* */,没有双斜线//的注释写法,这点和javascript不同。
例如 h2 {color:red;background-color:blue;}
标准的css参考一般都会有一个关于属性取值的说明,这个属性取值说明也有自己的一套规则写法,这里先简单介绍一下,但不用特别在意这个东西,毕竟自己知道怎么写就行。
首先是关于属性值的语法:
1.属性值可以是关键字 例如 small 、normal等
2.属性值可以是某个类型的值,写法是一对尖括号<>中间写上类型的名字 例如
其次是关于属性值组合运算符的语法:
1.空格 表示空格分开的属性值都要有而且先后顺序不能乱。
2.&& 表示&&分开的属性值都要有但是先后顺序可以随意。
3.|| 表示||分开的属性值至少要出现一个,顺序可以随意。
4.| 表示|分开的属性值只能出现一个
5.[] []的作用就是分组,把[]当作一个属性值整体
最后是关于数量符号的语法:
1.属性值后面为空表示只能出现一次。
2.属性值后面为+号表示该属性值要出现1次以上
3.属性值后面为?号表示该属性值出现0次或者0次以上
4.属性值后面为{},{1,3}表示该属性值出现1到3次
5.属性值后面为#表示属性值出现一次或者一次以上,但每个属性值要用逗号,隔开
这些和正则表达式的规则类似。
例如 letter-spacing 值:
内容总结
以上是互联网集市为您收集整理的前端关于CSS_html/css_WEB-ITnose全部内容,希望文章能够帮你解决前端关于CSS_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。