什么是css
Cascading Style Sheet 级联样式表 表现HTML或XHTML文件样式的计算机语言 包括对字体、
颜色、边距、高度、宽度、背景图片、网页定位等设定
引入CSS样式
行内样式
<h1 style="color:red;">style属性的应用</h1>
内部样式
<!--CSS代码写在<head>的<style>标签中-->
<style>
h1{color: green; }
</style>
外部样式
<link href="style.css" rel="stylesheet" type="text/css" />
@import url("style.css");
优先级
行内>内部>外部
就近原则
基本选择器
标签选择器
p { font-size:16px;}
类选择器
.a{ font-size:16px;}
ID选择器
#a{ font-size:16px;}
优先级
ID>类>标签
高级选择器
层次选择器
选择器 | 类型 | 示例 |
---|---|---|
E F | 后代选择器 | body p{background:red}; |
E>F | 子选择器 | body>p{background:pink}; |
E+F | 相邻兄弟选择器 | body+p{background:green}; |
E~F | 通用兄弟选择器 | body~p{background:yellow}; |