css基础

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。

例如:

p{color:green;font-size:24px;}

 四种引入方式：

①行内样式
<p style="background-color: rebeccapurple">hhhhhxxxxxhhxhx</p>
②嵌入式
<style>
 <p style="background-color: rebeccapurple">hhhhhxxxxxhhxhx</p>
</style>
③链接
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
④导入文件
<style type="text/css">
         @import"mystyle.css"; 此处要注意.css文件的路径
</style>　

选择器:

标签选择器, 类选择器，ID选择器

组合选择器

E,F   多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔
E F   后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔
E > F   子元素选择器，匹配所有E元素的子元素F
E + F   毗邻元素选择器，匹配所有紧随E元素之后的同级元素F

 属性选择器

E[att]          匹配所有具有att属性的E元素，不考虑它的值。

E[att=val]      匹配所有att属性等于“val”的E元素

伪类选择器

 a:link（没有接触过的链接）,用于定义了链接的常规状态。

 a:hover（鼠标放在链接上的状态）,用于产生视觉效果。
        
 a:visited（访问过的链接）,用于阅读文章，能清楚的判断已经访问过的链接。
        
 a:active（在链接上按下鼠标时的状态）,用于表现鼠标按下时的链接状态。
        
        伪类选择器 : 伪类指的是标签的不同状态:
        
                   a ==> 点过状态 没有点过的状态 鼠标悬浮状态 激活状态
        
        a:link {color: #FF0000} /* 未访问的链接 */
        
        a:visited {color: #00FF00} /* 已访问的链接 */
        
        a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
        
        a:active {color: #0000FF}