欢迎访问 生活随笔!

凯发ag旗舰厅登录网址下载

当前位置: 凯发ag旗舰厅登录网址下载 > 前端技术 > css >内容正文

css

css样式规则-凯发ag旗舰厅登录网址下载

发布时间:2024/9/30 css 14 豆豆
凯发ag旗舰厅登录网址下载 收集整理的这篇文章主要介绍了 css样式规则-css结构的特点 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

要想熟练地使用css对网页进行修饰,首先要了解css样式规则。设置css样式的具体语法规则如下。

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

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

其中属性是对指定的标签设置的样式属性,例如字体大小、文本颜色等。属性和属性值之间用英文冒号“:”连接,多个声明之间用英文分号“;”进行分隔。例如,图1所示的css样式规则的结构示意图。

图1 css样式规则的结构示意图

值得一提的是,在书写css样式时,除了要遵循css样式规则,还必须注意css代码结构的特点,具体如下。

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

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

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

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

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

代码段1:

  代码段2:

上述两段代码所呈现的效果是一样的,但是“代码段2”书写方式的可读性更高。

需要注意的是,属性值和单位之间是不允许出现空格的,否则浏览器解析时会出错。例如下面这行代码就是错误的。

本文来自千锋教育,转载请注明出处。

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的css样式规则-css结构的特点的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图