码迷,mamicode.com
首页 > Web开发 > 详细

css层叠样式表

时间:2018-01-27 21:11:57      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:over   html   text   color   nbsp   head   定义   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 已访问过的样式

 

css层叠样式表

标签:over   html   text   color   nbsp   head   定义   css   元素   

原文地址:https://www.cnblogs.com/themost/p/8367153.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!