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;
    }

  • 相关阅读:
    ReentrantLock与synchronized的差别
    读TIJ -1 对象入门
    wikioi 2573 大顶堆与小顶堆并用
    开源 免费 java CMS
    UVA10972
    springboot5
    spring-boot4
    spring-boot3
    spring-boot2
    spring-boot1
  • 原文地址:https://www.cnblogs.com/wyh3721/p/2537387.html
Copyright © 2011-2022 走看看