1.css导入方式
css 导入方式其实就是 css 代码和 html 代码的结合方式。CSS 导入 HTML有三种方式:
- 内联样式:在标签内部使用style属性,属性值是css属性键值对
<div style="color: red">Hello CSS~</div>
- 内部样式:定义 style 标签,在标签内部定义css样式
<style type="text/css">
div{
color: red;
}
</style>
- 外部样式:定义link标签,引入外部的css文件
编写一个css文件。名为:demo.css,内容如下:
div{
color: red;
}
在html中引入 css 文件。
<link rel="stylesheet" href="demo.css">
2.css 选择器
- 元素选择器
- id选择器
- 类选择器