首页 > 代码库 > CSS自学笔记(2):CSS语法
CSS自学笔记(2):CSS语法
CSS的语法规则主要有两个分构成选择器和声明(声明问一条或者多条)。
selector {declaration1; declaration2; ... declarationN }
选择器(selctor)是指你要改变样式的html元素。选择器有很多种,常用的id选择器和类选择器。
声明(declaration)是一个属性和一个值组成(要注意书写)。
属性(property)都有一个值,属性和其值用":"分开。
selector {property: value}
上面CSS代码的基本结构:
注:
- 声明之间用";"隔开,属性和值之间用":"分开。
- 属性值的写法有很多种,书写时要注意单位等。
- 如果属性值为若干个单词是,则要给属性值添加引号。
p {font-family:
"sans serif"
;} - 定义声明时应该一行定义一个声明,这样可增强代码的可读性。
p { text-align: center; color: black; font-family: arial;}
- 样式表可以包含多条规则,同样一条规则可以包含多个声明,多重声明和空格的合理使用,可以有效的增加代码的可读性和编译器的可编译性。
- CSS对大小写不敏感,但是如果涉及到html文件,class和id名称的大小写是很敏感的
- 我们可以对选择器进行分组,这样多个选择器就可以分享相同的声明
h1,h2,h3,h4,h5,h6
{ color: green; } - 声明的继承问题,CSS中子元素可以从父元素继承声明,同时也可以用自己的特殊声明,从而覆盖父元素的声明。
body { font-family: Verdana, sans-serif; }
若body的子元素a中未定义属性font-family的声明,那么a将会继承他的父元素body的font-family的声明。
若body的子元素b中定义了属性font-family的声明,那么b的font-family属性覆盖它的父元素body的font-family的声明,从而达到摆脱父元素声明
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。