css3语法规则由“选择器”、“属性”和“属性值”三个部分组成。“选择器”指定css样式编码所要针对的对象,“属性”是CSS提供的设置好的样式选项,“属性值”是用来显示属性效果的参数。
创新互联专注于乌兰察布网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供乌兰察布营销型网站建设,乌兰察布网站制作、乌兰察布网页设计、乌兰察布网站官网定制、微信小程序开发服务,打造乌兰察布网络公司原创品牌,更为您提供乌兰察布网站排名全网营销落地服务。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
样式是 CSS 最小语法单元,CSS语法由三部分构成,分别:选择器、属性和属性值。
选择器(Selector)
指定这组样式编码所要针对的对象,可以是一个XHTML标签,也可以是特定的id或class的标签(前有#标识);
属性(Property)
属性是CSS样式控制的核心,遂于每个XHTML标签,CSS都提供了丰富的样式属性,比如颜色、大小、定位、浮动方式等。
属性是 CSS 提供的设置好的样式选项。属性名由一个单词或多个单词组成,多个单词之间通过连字符相连。这样能够很直观地表示属性所要设置样式的效果。
属性值(value)
指属性的值,是用来显示属性效果的参数。它包括数值和单位,或者关键字。
值的不同写法和单位
除了英文单词 red,我们还可以使用十六进制的颜色值 #ff0000:
p { color: #ff0000; }为了节约字节,我们可以使用 CSS 的缩写形式:
p { color: #f00; }我们还可以通过两种方法使用 RGB 值:
p { color: rgb(255,0,0); }p { color: rgb(100%,0%,0%); }请注意,当使用 RGB 百分比时,即使当值为 0 时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。
记得写引号
提示:如果值为若干单词,则要给值加引号:
p {font-family: "sans serif";}CSS高级语法:选择器的分组
你可以对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。
用逗号将需要分组的选择器分开。在下面的例子中,我们对所有的标题元素进行了分组。所有的标题元素都是绿色的。
h1,h2,h2,h3,h5,h6 {color: green;}(学习视频分享:css视频教程)