web程序设计 css（新大软院版）

1.样式的引入方式：
①使用标签属性style定义（当前标签有效）
②在style标签中定义（当前页面有效）
③引入外部css文件（可以在多个页面复用）

<link href = "style.css" rel="stylesheet">
<style>
div{
   border:1 px solid red;
   height:200px;}
<div style ="color:red;height:100px;
     hello world
</div> /*这个优先级更高*/

2.css选择器
①通配符选择器：*
②类型选择器：E
③类选择器：.class
④ID选择器：#ID
⑤包含选择器：E1 E2
⑥子对象选择器：S1 > S2
⑦组合选择器：S1S2
⑧分组选择器：S1 S2 S3
⑨属性选择器：S【atter】 S【atter=xxx】

*{margin:0;padding:0}
div{border:1 px solid red;}
.dv{color:bule;}
#dv1{background:#eee;}
/*定义p标签，它位于class="dv"元素之下*/
.dv p{front-size:25px;}

/*定义p标签，他是class="dv"元素的直接子节点*/
.dv>p{color:red;}

/*id="dv2"并且class=”dv“的元素*/
#dv2.dv{}

/*class="dv dw"的元素*/
.dw.dv

a:hover{
   color:red;
}
<a href="#">链接</a>