189 8069 5689

css基本语法有哪些

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

成都创新互联长期为千余家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为沿滩企业提供专业的成都网站建设、网站设计沿滩网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

CSS 语法

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

selector {declaration1; declaration2; … declarationN }

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

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

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

selector {property: value}

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

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

h2 {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基本语法有哪些就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到吧!


名称栏目:css基本语法有哪些
网站地址:http://cdxtjz.cn/article/jsjhee.html

其他资讯