选择器{ 属性:属性值; }
在上面的语法中,选择器用于指定哪些元素需要进行样式的修改。属性则用于描述被选择的元素应该具有的某种特性,例如颜色、字体、大小等。而属性值则用于定义属性所描述的特性的具体取值。
CSS样式的引用方式主要通过三种方式来实现,分别是:
- 内部样式表
- 外部样式表
- 行内样式
内部样式表是指将CSS样式写在HTML文件内部,放在<head>标签内的<style>标签中,其引用方式如下:
<head> <style type="text/css"> 选择器{ 属性:属性值; } </style> </head>
而外部样式表是指将所有的CSS样式代码都写在一个单独的CSS文件中,然后通过链接方式引用到HTML文件中,其引用方式如下:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
上面的代码将一个名为“style.css”的CSS文件链接到HTML文件中。
行内样式是指直接在HTML标签内部定义CSS样式,其引用方式如下:
<p>样式文字</p>
上述代码中,“color”和“font-size”就是选择器,而“red”和“12px”则是属性值。
通过以上简单的CSS基本语法和引用方式,大家可以轻松地修改网页中各元素的样式,以实现个性化的网页设计。