解析CSS基本组成三要素

  你对CSS的基本语法是否熟悉,这里和大家分享一下,CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。CSS中选择符就是赋予内部或者外部样式表的名字,选择符可以是一个HTML标签,或者一个HTML中定义的元素ID。

  CSS基本语法-选择符、属性和值

  CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。

  选择符

  选择符就是赋予内部或者外部样式表的名字,选择符可以是一个HTML标签,或者一个HTML中定义的元素ID,也可以是HTML定义的个CLASS名,选择符是一个CSS的基本单位。

  属性

  每个选择符都有属性(properties)在大括号{}中,里面包括诸如color、font-weighth或者background-color形式的字样。

  值(value)

  CSS中值在半角英文引号:后面,用半角英文分号;隔离。

  示例代码

  body{font-size:0.8em;color:navy;}

  如上,这给body选择符里的font-size和color属性赋值。

  基本上,这应用在HTML文档的话,在body标签之间(整个窗口的内容)文本将会有0.8em大小,显示为深蓝色。

  长度和百分比

  CSS中有很多专有的属性单位,也有很多能够用在大量属性的常规单位,在你继续学习之前,它们值得你熟悉一下。

  em(比如font-size:2em)是一个大致与一个字符高度相同的单位。

  px(font-size:12px)是一个像素的单位。

  pt(font-size:12pt)是一个磅的单位。

  %(font-size:80%)是一个……单位,等等,哦,是百分比。

  其他单位还包括pc(活字),cm(厘米),mm(毫米)和in(英寸)。

  一个值是0的时候你不必为它声明一个单位。比如,你不想要边界,可以这样设置:border:0。

  注意

  网页不是静态、绝对的媒体。这意味着,网页具有灵活性,用户被允许按他们的喜好方式浏览网页,包括字体尺寸和屏幕的大小等等。

  因此,为font-size属性赋值的单位中,最佳的是em或者%,而px在多数浏览器中会导致文本具有不可缩放性,也会导致贫乏、乏味的文本。

但我们好多人没想过,勇敢的冷静的理智的去接受失败,

解析CSS基本组成三要素

相关文章:

你感兴趣的文章:

标签云: