CSS学习
2016-04-22 17:24
411 查看
【一】基础语法
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
selector {declaration1; declaration2; … declarationN }
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
提示:
如果值为若干单词,则要给值加引号:p {font-family: “sans serif”;}
多条声明中,最后一条规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么做的好处是,当你从现有的规则中增减声明时,会尽可能地减少出错的可能性。如:
p {
text-align: center;
color: black;
font-family: arial;
}
空格和大小写:是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。
【二】高级语法
选择器的分组
根据 CSS,子元素从父元素继承属性
CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。
selector {declaration1; declaration2; … declarationN }
每条声明由一个属性和一个值组成。
属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。
提示:
如果值为若干单词,则要给值加引号:p {font-family: “sans serif”;}
多条声明中,最后一条规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么做的好处是,当你从现有的规则中增减声明时,会尽可能地减少出错的可能性。如:
p {
text-align: center;
color: black;
font-family: arial;
}
空格和大小写:是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。
【二】高级语法
选择器的分组
根据 CSS,子元素从父元素继承属性
相关文章推荐
- CSS3学习之radial-gradient(径向渐变)
- LESSCSS学习
- CSS,font-family,好看的中文字体
- css常见解决方案
- [css3] 看博客学习别人的旋转的星球
- CSS 隐性改变display类型
- yahoo(雅虎)工程师提供css 初始化代码
- 浏览器兼容性问题
- CSS display:block inline
- CSS 定宽块状元素的水平居中设置
- CSS3---渲染属性
- CSS 水平居中text-align、垂直居中 vertical-align
- CSS3过渡
- CSS3弹性盒模型
- css3,scss和sass
- ionic中actionsheet在安卓中显示样式问题
- CSS布局基础之二认识Viewport
- css垂直居中的几种方法
- 最全的css Hack
- CSS3组件化之单线箭头