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

     CSS
    内嵌:<span style="属性值"></span>
    内联:写在head内
    标签:<style></style>
    外联:写在head内
    <link rel="stylesheet" href="CSS路径"/>
    CSS基础语法规则:选择器和一条或多条声明
    选择器{
        声明
    }

    id选择器:#号表示ID选择器
    #span{
        border:1px solid;
    }

    属性选择器:
    input[type="text"]{

    }

    img[alt="logo"]{

    }

    元素/标签/标记选择器:
    span{

    }

    组合/并集选择器:类等选择器都可以加入,用英文,隔开
    h1,h2,h3,h4,h5,h6{

    }

    类选择器:相同命名共用声明,用.表示类选择器
    class="test_class"
    .test_class{

    }

    后代选择器:选中所有子集及以下子集
    ul li{

    }

    子集选择器:只选择到子集
    ul>li{

    }

    伪类选择器:加英文:都属于伪类
    a:link{
        当前样式
    }
    a:visited{
        访问后样式
    }
    a:hover{
        移入鼠标,鼠标悬停时样式
    }
    a:active{
        点击时的样式
    }

    伪元素选择器:用两个英文:表示与伪类的区分
    .p1:before{
        content:"属性值";
    }

    .p1:after{
        content:"属性值";
    }

    .box:first-latter{
        font-latter:属性值;
    }

    .box:first-line{
        font-latter:属性值;
    }

    dispaly:inline-block;  (行内转行内块)

  • 相关阅读:
    log4j(二)——如何控制日志信息的输出?
    Java生成指定范围内的工具类
    JavaBean和Map转换封装类
    cron表达式详解
    数据库主键按照固定前缀生成工具类
    邮件发送工具类
    NFC
    牛逼辩论
    快速排序
    希尔排序
  • 原文地址:https://www.cnblogs.com/YYouyang/p/7441717.html
Copyright © 2011-2022 走看看