css基础——2017.2.19

作者: 小白你怎么这么白 | 来源:发表于2017-02-19 21:21 被阅读19次

    ul>(li>a[href="#"])*3

        <ul>

             <li><a href="#"></a></li>

             <li><a href="#"></a></li>

             <li><a href="#"></a></li>

        </ul>

    引入CSS的方式

    所有的标签都有一个默认样式,我们称之为浏览器样式,或者默认样式

    行内样式

    行内样式,是通过在标签中设置style属性来达到实现控件标签的样式的效果,如:

    <h1 style="color:red;font-size:12px;"></h1>

    style属性中,可以设置多条的css样式

    嵌入样式

    在head标签中,嵌套一个style标签,在style标签中可以书写css的样式内容

    style标签有一个属性type属性,默认值就是text/css,可以省略

    <head>

         <style type="text/css">

              p {

                    color: green;/*设置前景色,就就是字体的颜色*/

                    background-color: silver;

              }

              ul {

                    background-color: red;

              }

         </style>

    </head>

    外联css样式

    <link rel="stylesheet" href="css/main.css">

    main.css

    a {

         color: yellow;

    }

    导入样式

    @import,导入样式会导致,css文件不能并行下载,不推荐使用。

    导入样式的书写必须在所有css规则书写之前

    @import url(CSS/main.css);

    css简单属性

    width: 设置宽度,单位px像素

    height: 高度

    color: 前景色,也就是文字的颜色

    background-color: 背景色

    font-size: 字体的大小

    css注释

    css的注释语法  /*注释内容*/

    注释不能嵌套

    多行注释 :

    /*

     放多行的注释内容

     放多行的注释内容

     放多行的注释内容

    */

    一般用于CSS模块的注释;文件头的注释

    相关文章

      网友评论

        本文标题:css基础——2017.2.19

        本文链接:https://www.haomeiwen.com/subject/hfajwttx.html