css层叠样式表 

css层叠样式表
1、使用css样式的方式
    1.1 内链样式表 <body style="backgroud-color:green; margin:0;">...</body>
    1.2 嵌入式样式表<style type="text/css">...</style>需要将样式放在<head>中
    1.3 引入式样式表<link rel="StyleSheet" type="text/css" href="style.css">

2、定义样式表

    2.1 HTML标记定义 <p>.html内容..</p>
        p{属性:属性值;}
        p可以叫做选择器，定义那个标记中的内容执行其中的样式
        一个选择器可以用若干个样式属性，他们之间用英文的;分割
    
    2.2 class定义
        <p class="p">...</p>
        .p{属性:属性值;}
    
    2.3 id定义
        <p id="p">...</p>
        .p{属性:属性值;}
        
    2.4 优先级问题
        2.4.1 ID>CLASS>HTML
        2.4.2 同级时就近原则
        
    2.5 组合选择器（同时控制多个元素）
        h1,h2,h3{font-size:14px; color:red;}
        
    2.6 伪元素选择器
        2.6.1 a:link 正常链接的样式
        2.6.2 a:hover 鼠标放上去的样式
        2.6.3 a:active 选择链接时的样式
        2.6.4 a:visited 已访问过的样式

 

posted @ 2018-01-27 20:30  道高一尺  阅读(151)  评论(0)    收藏  举报