CSS是一种非常常用的网页设计语言,它可以定义网页中元素的样式和排版。那么CSS的语法是怎么定义的呢?下面简单介绍一下CSS的语法。
selector { property: value; property: value; }
以上是CSS定义样式的基本语法。首先,选择器selector表示要定义样式的元素,可以是标签名、类名、ID名等。然后,在大括号内写上属性和属性值(用冒号分隔),多个属性之间用分号分隔。
例如,下面定义了一个类名为“box”的元素的样式:
.box { background-color: #ccc; width: 200px; height: 200px; }
在这里,选择器用了类名“box”,它的属性有背景颜色(#ccc)、宽度(200px)、高度(200px),分别用冒号分隔属性和属性值,用分号分隔多个属性。这表示一个200px宽、200px高、背景为灰色的盒子。
CSS还有很多不同的选择器,比如标签选择器、通配符选择器、伪类选择器、子元素选择器等。
例如,下面定义了所有p标签的样式:
p { color: black; font-size: 16px; }
在这里,选择器用了标签选择器“p”,它的属性有文本颜色(黑色)和字体大小(16px),同样用冒号和分号分隔属性和属性值。
最后,需要注意的是,CSS的样式定义可以放在HTML文档的
标签中,也可以单独写在一个CSS文件中,然后在HTML中通过标签引入。