全国咨询/投诉热线:400-618-9090

首页技术文章正文

CSS 样式表代码规则

更新时间:2019-07-18 来源:黑马程序员 浏览量:


使用HTML进行标记网页内容时,需要遵从一定的规范,CSS亦如此。要想熟练地使用CSS对网页进行修饰,首先要了解CSS样式规则,具体格式如下


选择器(属性1:属性值1;属性2:属性值2;属性3:属性值3;…}


上述样式规则中,选择器用于指定需要改变样式的HTML标记,花括号内是一条或多条声明。每条声明由一个属性和属性值组成,以“键值对”的形式出现。


css样式表

属性是对指定的标记设置的样式属性,例如字体大小、文本颜色等。属性和属性值之间用英文冒号“:”连接,多个“键值对”之间用英文分号“;”进行分隔。

在书写CSS样式时候,除了要遵循CSS样式规则,还必须注意CSS代码结构中的几个特点,具体介绍如下:

●CSS样式中的选择器严格区分大小写,而声明不区分大小写,按照书写习惯一般将选择器、声明都采用小写的方式。

●多个属性之间必须用英文状态下的分号隔开,最后一个属性后的分号可以省略但是为了便于增加新样式最好保留。

●如果属性的属性值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号。例如:

p {font-family: “Times New Roman"}


●在编写CS代码时,为了提高代码的可读性,可使用“/注释语句*”进行注释,例如上面的样式代码可添加如下注释:

P { font-family:"TimesNewRoman";}/*这是CSS注释文本,有利于方便查找代码,此文本不会显示在浏览器窗口中*/

●在CSS代码中空格是不被解析的,花括号以及分号前后的空格可有可无。因此可以使用空格键、Tab键、回车键等对样式代码进行排版,即所谓的格式化CSS码,这样可以提高代码的可读性。例如:

代码段1:

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


代码段2:

h1(
    color: green; /*定义颜色属性*
    font-size: 14px; /*定义字体大小属性*/
}


上述两段代码所呈现的效果是一样的,但是第二种书写方式的可读性更高。需意的是,属性值和单位之间是不允许出现空格的,否则浏览器解析时会出错。例如这行代码就是错误的。

h1{font-size: 14 px;} /*14和单位px之间有空格,浏览器解析时会出错*/





推荐了解热门学科

java培训Python人工智能Web前端培训PHP培训
区块链培训影视制作培训C++培训产品经理培训
UI设计培训新媒体培训产品经理培训Linux运维
大数据培训智能机器人软件开发

javaee

python

web

ui

cloud

test

c

netmarket

pm

Linux

movies

robot

http://www.itcast.cn/subject/uizly/index.shtml?seozxuids

14天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

15天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

8天免费试学

基础班入门课程限时免费

申请试学名额

20天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

0天免费试学

基础班入门课程限时免费

申请试学名额

12天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

5天免费试学

基础班入门课程限时免费

申请试学名额

10天免费试学

基础班入门课程限时免费

申请试学名额
在线咨询 我要报名