您的位置:首页 > Web前端 > CSS

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,无论单位是什么。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: