zoukankan      html  css  js  c++  java
  • CSS -- 入门


    CSS(Cascading Style Sheets): 层叠样式表,用于控制HTML的样式和布局

    主要模块:

      选择器

      框模型

      背景和边框

      文本效果

      2D/3D转换

      动画

      多列布局

      用户界面


    选择器

      一般保存为.css文件,在html的<head>中用 <link href="xxx.css" type="text/css" rel="stylesheet"> 引入

      选择器:   

    h1{
        color: red;
        font-size: 50px;
    }                    也可以给多个元素加上同一样式  h1,h2,a,li{...}         

      

      继承:例如<body>标签中包含的标签,如果该标签没有添加样式,就继承body的样式

           如果有自己的样式,则用自己的样式

      派生选择器:

    p strong{
        color: green;
    }        只有在p标签中的strong标签内生效

      

      id选择器(#)

    #divid{                  
        color: red;
    }    

    <div id="divid">

      

      class选择器(.)

    .divclass{
        color: red;
    }    

    <div class="divclass">

      id选择器和class选择器都可以派生选择器

      属性选择器

    <body>
        <style>
            [title]{
                color: red;      没有值时,任何title='xxx'都生效
            } 
            [title=te]{
                color: green;    只对title='te'生效
            }
        </style>
    </body>

    <p title='t'>...<>
    <p title='te'>...<>

       

    KEEP LEARNING!
  • 相关阅读:
    NCPC2016
    2016 ACM-ICPC CHINA-Final
    2016沈阳区域赛题解
    NAIPC2016部分题解
    Gym
    数论之莫比乌斯反演
    2018 多校 HDU
    LightOJ
    LightOJ
    java操作XML---XML基础知识
  • 原文地址:https://www.cnblogs.com/roronoa-sqd/p/4918942.html
Copyright © 2011-2022 走看看