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;  (行内转行内块)

  • 相关阅读:
    python学习之路01
    面向对象(2)__继承多态1
    面向对象(1)____私有公有 访问限制
    property
    yield理解
    列表推导式
    Django序列化1_基本的序列化和反序列化
    一些滑动操作
    装饰器
    django模板
  • 原文地址:https://www.cnblogs.com/YYouyang/p/7441717.html
Copyright © 2011-2022 走看看