旗下导航:搜·么
当前位置:网站首页 > CSS > 正文

css基础语法是什么【css教程】

作者:搜搜PHP网发布时间:2019-11-26分类:CSS浏览:79


导读:CSS语法CSS规则由两个重要的部份构成:选择器,以及一条或多条声明。【引荐浏览:CSS教程】selector{declaration1;declaration...
CSS 语法

CSS 规则由两个重要的部份构成:选择器,以及一条或多条声明。【引荐浏览:CSS教程

selector {declaration1; declaration2; … declarationN }

选择器通常是您须要转变款式的 HTML 元素。

每条声明由一个属性和一个值构成。

属性(property)是您愿望设置的款式属性(style attribute)。每一个属性有一个值。属性和值被冒号离开。

selector {property: value}

下面这行代码的作用是将 h1 元素内的笔墨色彩定义为赤色,同时将字体大小设置为 14 像素。

在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。

h1 {color:red; font-size:14px;}

下面的表示图为您展现了上面这段代码的构造:

CSS 语法

提醒:请运用花括号来围困声明。

值的差别写法和单元

除了英文单词 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,不管单元是什么。

以上就是css基础语法是什么的细致内容,更多请关注ki4网别的相干文章!

标签:css语法css基本语法