美文网首页
【CSS】 二、定义样式表

【CSS】 二、定义样式表

作者: 子午禾苇 | 来源:发表于2019-02-24 21:08 被阅读0次

    CSS 一、使用CSS样式的方式
    CSS 二、定义样式表
    CSS 三、常见属性
    CSS 四、DIV+CSS布局## 二、定义样式表

    1. HTML标记定义

    <p>...</p>
    p { 属性:属性值 ;属性1:属性值1 }
    p可以叫做选择器,定义那个标记中的内容执行其中的样式
    一个选择器可以控制若干个样式属性,他们之间需要用英语的“;”隔开,最后一个可以不加“;”

    2. Class定义

    <p class="p">...</p>
    class定义是以“.”开始
    .p { 属性:属性值 ;属性1:属性值1 }

    3. ID定义

    <p id="p">...</p>
    ID定义是“#”开始的
    #p { 属性:属性值 ;属性1:属性值1 }

    4. 优先级问题

    • *** ID>Class>HTML***
    • 同级时选择离元素最近的一个的
      #p { color: red }
      #p { color: #f60 }
      执行颜色为#f60的

    5. 组合选择器(同时控制多个元素)

    h1,h2,h3 { font-size: 14px; color: red; }
    选择器组合可以使用“,”隔开

    6. 伪元素选择器

    a) a:link 正常连接的样式
    b) a:hover 鼠标放上去的样式
    c) a:active 选择链接时的样式
    d) a:visited 已经访问过的链接的样式

    相关文章

      网友评论

          本文标题:【CSS】 二、定义样式表

          本文链接:https://www.haomeiwen.com/subject/vxtiyqtx.html