解析CSS基本组成三要素

开发 前端
本文向大家描述一下CSS基本语法,CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值,CSS中的选择符就是赋予内部或者外部样式表的名字,而值在半角英文引号:后面,用半角英文分号;隔离。

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

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

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

选择符

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

属性

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

值(value)

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

示例代码

  1. body{font-size:0.8em;color:navy;}  
  2.  
  3.  

如上,这给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在线:http://www.csscss.org/cssarticle/200951785.shtml

【编辑推荐】

  1. HTML中应用CSS的三种方法
  2. CSS样式实现快速定位bug的六大技巧
  3. 深入学习CSS滤镜概念和语法
  4. CSS2.0中page-break-after属性用法
  5. 技术分享 使用不同CSS样式兼容多种浏览器
责任编辑:佚名 来源: css3-html5.com
相关推荐

2011-05-24 16:20:44

OpenFlow网络组成

2010-09-07 11:05:34

CSS边框

2010-08-04 11:15:22

Flex事件处理

2021-06-29 10:46:19

网络钓鱼网络攻击网络安全

2019-09-03 09:19:34

CPU架构内核

2012-07-30 13:15:18

代码

2009-07-17 17:32:09

BSM企业IT与业务摩卡

2013-03-15 09:59:13

创业创业基础创业成本

2011-06-29 17:51:55

SEO外链

2022-07-07 14:23:06

人工智能机器学习大数据

2011-08-10 09:02:22

SaaS云计算

2013-09-02 11:04:00

优秀视觉交互设计设计

2024-01-07 16:34:45

2011-08-12 11:20:30

网络虚拟化存储

2019-09-02 14:36:03

2013-07-05 15:14:06

程序员

2014-08-05 14:38:59

移动互联网

2017-06-16 14:09:47

数据备份超融合融合数据保护

2010-01-13 14:10:43

中小企业服务器采购

2022-05-28 10:44:43

云成本云架构多云
点赞
收藏

51CTO技术栈公众号