CSS(层叠样式表)是一种用于描述HTML或XML文档外观的语言。以下是如何使用CSS的一些基本方法:
引入CSS
行内样式:
直接在HTML元素中使用`style`属性。
这段文字是红色的。
内部样式表:
在HTML文档的``部分使用`
外部样式表:
通过` `标签引入外部的CSS文件。
选择器和属性
选择器:用于指定应用样式的HTML元素。
属性:定义样式规则的具体值。
例如,使用ID选择器:
这是介绍段落。
样式优先级
行内样式 > 内部样式 > 外部样式。
兼容性
使用`@import`可以导入外部CSS文件,但现代开发中不推荐使用。
示例
假设我们有一个简单的HTML结构,并希望为不同的部分设置不同的背景色:
intro {
color: blue;
}
在`styles.css`文件中:
导航栏
页头
内容区域
页脚