CSS(层叠样式表)是一种用于定义网页样式的语言,它可以让我们将HTML文档的外观和样式与结构分离开来。
CSS样式可以分为以下几种类型:
1. 内部样式表 内部样式表是放在HTML文件的<head>标签中,并用<style>标签引入的css样式表。 示例代码: <head> <style> p { color: red; } </style> </head> 2. 外部样式表 外部样式表是独立的.css文件,可以在多个HTML文件中重用。使用<link>标签将CSS样式表链接到HTML文件中。 示例代码: <head> <link href="style.css" rel="stylesheet" type="text/css" /> </head> 3. 行内样式 行内样式是在HTML标记中使用的样式,用于在特定的标签上定义样式。 示例代码: <p style="color: red">这是一段红色文字</p> 4. CSS选择器 CSS选择器允许我们通过元素、类、ID等属性来选择HTML元素,并对其应用样式。 示例代码: p {color: red;} /* 选择所有的p标签 */ #header {font-size: 20px;} /* 选择id为header的元素 */ .menu-item {color: blue;} /* 选择class为menu-item的元素 */
总结来说,CSS样式可以分为内部样式表、外部样式表和行内样式,同时也可以使用CSS选择器来选定要应用样式的HTML元素。