htmledit_views">
目录
CSS引入方式
选择器
标签选择器
类选择器
id选择器
通配符选择器
CSS层叠样式表是一种样式表语言,用来描述HTML文档的呈现
书写位置:title标签下方添加style双标签,style标签里写CSS代码
<title>css</title>
<style>
/*选择器*/
p{
/*css属性*/
}
</style>
<p>文字</p>
CSS引入方式
内部样式表:CSS代码写在style里面
外部样式表:在HTML使用link标签引入单独的CSS文件
<link rel="stylesheet" href="地址">
行内样式:CSS写在标签的style属性值里
<div style ="color:red";>文字</div>
选择器
作用:查找标签,设置样式
常见的基础选择器
- 标签选择器
- 类选择器
- id选择器
- 通配符选择器
标签选择器
使用标签名作为选择器,选中同名标签设置相同的样式
类选择器
作用:查找标签,差异化设置标签的显示效果
步骤:
- 定义类选择器 .类名
- 使用类选择器,标签添加class="类名"
class属性可以写多个类名,中间用空格隔开。类名最好见名知意。
id选择器
作用:查找标签,差异化设置标签的显示效果
id选择器一般配合JS使用
步骤:
- 定义id选择器 #id名
- 使用id选择器,标签添加id="id名"
注:同一个id选择器在一个页面只能使用一次
通配符选择器
作用:查找页面所有标签,设置相同的样式
通配符选择器:*,不需要调用,浏览器自动查找页面所有标签,设置相同的样式
*{
color:red
}