zoukankan      html  css  js  c++  java
  • html选择器

    html选择器:
    css文件可以使用在各种文件(php\html\jsp\asp)
    案例:
    再比如,我们希望所有的超链接
    1、默认样式是:黑色,24px,没有下划线
    2、当鼠标移动到超链接时,自动出现下划线
    3、点击后,超链接变成红色。这又该怎么实现呢?
    <html>
    <head>
     <title>通配符选择器</title>
    </head>
    <!--控制超链接的样式-->
    <body>
    <a href="http://sohu.com">连接到搜狐</a>
    <p class="cls1">段落一的样式</p>
    <p class="cls2">段落二的样式</p>
    <span id="id1">这事一则<span>非常<span>重<a href="#">链接到百度</a></span>要</span>的新闻</span>
    </body>
    </html>


    默认
    a:link{
     color:black;
     font-size:24px;
     text-decoration:none;
    }

    鼠标悬停
    a:hover{
     text-decoration:underline;
     font-size:40px;
     color:green;
    }

    访问过
    a:visited{
    color:red;
    }

    控制所有的段落,碰到所有的P都会应用这个样式
    p{
    color:blue;
    font-size:
    }
    如果想设置不同的段落不同的样式:
    p.cls1{
    color:blue;
    font-size:30px;
    }

    p.cls2{
    color:red;
    font-size:20px;
    }

  • 相关阅读:
    序列
    2018131
    成都七中
    NOIP2017
    洛谷P1352 CodeVS1380 没有上司的舞会
    BZOJ1087 SCOI2005 互不侵犯King
    11-4-2017 星期六 R-Day?
    11-3-2017 星期五
    11-2-2017 星期四
    USACO 2014 US Open, Silver Problem 2. Dueling GPSs
  • 原文地址:https://www.cnblogs.com/wyh3721/p/2537387.html
Copyright © 2011-2022 走看看