CSS(层叠样式表)是用于描述HTML或XML文档样式的语言。以下是一些基本的CSS语法元素:
选择器
CSS选择器用于指定要应用样式的HTML元素。
元素选择器:直接使用HTML元素名称。
- 例如:
p { color: red; }
这将使所有<p>
元素文本颜色变为红色。
- 例如:
类选择器:使用
.
开头。- 例如:
.my-class { font-size: 14px; }
这将使所有具有my-class
类的元素字体大小为14像素。
- 例如:
ID选择器:使用
#
开头。- 例如:
#my-id { background-color: blue; }
这将使具有ID为my-id
的元素背景颜色变为蓝色。
- 例如:
属性
CSS属性定义元素的外观。
- 字体:
font-family
,font-size
,font-weight
- 颜色:
color
,background-color
- 布局:
margin
,padding
,width
,height
,position
- 边框:
border
,border-width
,border-style
,border-color
注释
在CSS中,注释可以用于解释代码或暂时禁用某些规则。
/* 这是一个注释 */
图片
CSS还可以用于设置图片样式。
img {
width: 100px;
height: auto;
border-radius: 50%;
}
更多关于CSS的深入内容,请参考本站CSS教程。
CSS Syntax