CSS样式表
CSS样式表 主要作用是用来美化界面的
CSS样式表分为:内联样式表,内嵌样式表,外部样式表。
1 内联样式表
和HTML联合使用 控制精确 但是可重用性差
例如: <div style="color: #ED31C9">内联样式表</div>
2 内嵌样式表
写在head里面 作为一个独立区域内嵌在网页(必须写在head里面)
例如: <style type="text/css"> div{color: #ED31C9} </style>
3 外部样式表
新建一个CSS文件 用来放样式表 如果要在HTML文件中调用样式表 需要在HTML文件里(右键--CSS样式--附加样式表)进行添加
一般用link链接方式
选择器
选择器分为:标签选择器,class选择器,ID选择器,复合选择器
1 标签选择器
用标签名做选择器
例如: <style type="text/css"> div{color: #ED31C9} </style>
2 class选择器
用 .class名 做选择器
例如:
3 ID选择器
用 #样式名作选择器
例如:
4 复合选择器
(1)用 , 号隔开 表示并列
<style type="text/css">
p,span {样式属性} -----(标签 p 和 span 两者同样的样式)
</style>
(2)用 空格 隔开 表示后代
<style type="text/css">
.main p {样式属性} ------(找到样式 main 的标签 然后在标签里找 p 标签显示改属性)
</style>
(3) 用 . 作筛选器
<style type="text/css">
.sp {样式属性} ------(在目标标签里加入class属性并命名例如:slass="sp")
</style>