css基本语法有哪些

  介绍

这篇文章给大家分享的是有关css基本语法有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考。一起跟随小编过来看看吧。

<强> css语法

css规则由两个主要的部分构成:选择器,以及一条或多条声明。

选择{declaration1;declaration2;…declarationN}

选择器通常是您需要改变样式的HTML元素。

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

属性(财产)是您希望设置的样式属性(样式属性)。每个属性有一个值。属性和值被冒号分开。

选择{属性:值}

下面这行代码的作用是将h2元素内的文字颜色定义为红色,同时将字体大小设置为14像素。

在这个例子中,h2是选择器,颜色和字体大小是属性,红色和14 px是值。

h2{颜色:红色;字体大小:14 px;}

下面的示意图为您展示了上面这段代码的结构:

<强> CSS语法

提示:请使用花括号来包围声明。

<>强值的不同写法和单位

除了英文单词红,我们还可以使用十六进制的颜色值# ff0000:

p{颜色:# ff0000;}

为了节约字节,我们可以使用CSS的缩写形式:

p{颜色:# f00;}

我们还可以通过两种方法使用RGB值:

p{颜色:RGB (255, 0, 0);}   p{颜色:rgb (100%、0%、0%);}

请注意,当使用rgb百分比时,即使当值为0时也要写百分比符号。但是在其他的情况下就不需要这么做了。比如说,当尺寸为0像素时,0之后不需要使用px单位,因为0就是0,无论单位是什么。

感谢各位的阅读!关于css基本语法有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!

css基本语法有哪些