CSS基础语法
2010-06-30 16:40
232 查看
CSS 语法由三部分构成:选择器、属性和值:
selector {property: value}
选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值
被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration):
body {color: blue}
上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。
值的不同写法和单位
除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000:p { color:
#ff0000; }
为了节约字节,我们可以使用 CSS 的缩写形式:
p { color: [code]#f00; }[/code]
我们还可以通过两种方法使用 RGB 值:
p { color: [code]rgb(255,0,0); }
p { color:
rgb(100%,0%,0%); }[/code]
请注意,当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。
相关文章推荐
- 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画
- css基础语法第二讲
- CSS基础学习三:CSS语法
- CSS 的基础知识(创建、语法)
- HTML&CSS基础学习笔记3-HTML的标签语法
- CSS入门教程:语法基础
- CSS 基础语法(二)
- CSS----概述,基础语法
- css基础之 语法
- CSS基础一:CSS基本语法
- css基础———简介、语法、引用方式
- [JavaWeb基础] 028.CSS简介和基础语法
- css基础语法和选择器的使用
- CSS基础语法
- CSS+DIV 的语法基础
- HTML && CSS 学习笔记(3)CSS(关键词:CSS/基础语法)
- css系列教程--简介及基础语法和注意事项
- 前端基础(4):CSS 基础语法(1)
- CSS 基础语法
- CSS 基础语法