引入CSS样式方法
1.行间样式
<div style="width: 100px;height: 100px;background-color: red;">....</div>2.页面级CSS
<head>
<style>
div{...}
p{...}
</style>
</head>3.外部CSS文件
<head>
<link rel="stylesheet" type="text/css" href="CSS文件路径" />
</head>
CSS选择器
1.id选择器
#id/id="value"
例如：#aaa{}
<div id="aaa">...</div>2.class选择器
.class名
例如：.bbb{}
<div class="bbb">...</div>3.标签选择器
标签名{}
例如：span{}
<div>
<p>...</p>
<span>...</span>
</div>
4.通配符选择器
*{}
注：通常用于格式化HTML
CSS常用选择器
1.text-align:right/left/center 设置文本对齐方式
2.line-height:100px 设置文本高度
注：单行文本等于容器高度时，文本显示垂直居中（仅限于单行文本，即line-height=height）
3.text-indent:2em 设置首行缩进
注：1em=1 font-size
4.opacity：0.5 设置图片透明度
CSS选择器 CSS权重
！import Infinity（正无穷）
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
注：CSS权重为256进制
优先级：！import > 行间样式 >id >Class|属性 >标签选择器 >通配符
扫一扫
2057
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
