• CSS层叠样式表(一)


    一、css含义

    层叠样式表,用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。CSS目前最新版本为CSS3。

    二、几种样式控制方式(就近原则)

    1、行内样式

    <body>

        <div style="color:red;"></div>

    </body>

    2、内联样式

       <head>

               <title>这是内联样式</title>

               <style type="text/css">

                       div{

                          color:red;

                          }

              </style>

       </head>

    3、链接式

    <link rel="stylesheet" type="text/css" href="base.css"/>

    4、导入式(几乎不用)

    <style>

     @import url(1.css)

    </style>

    三、css选择器

    1、标签选择器 

           div{

               200px;

               height:300px;

               color:red;

           }

    2、类选择器

            .c1{

               200px;

               height:300px;

               color:red;

               }

       <div class="c1"></div>

    3、id选择器(唯一)

         #d1{

         200px;

         height:300px;

         color:red;

            }

     <div id="d1"></div>

    优先级:标签<class<id

    四、字体样式(继承)

    div{
     font-size:14px;
     font-family:"微软雅黑";
     color:#FF0000;
     font-weight:bold;
     text-decoration:underline;
     text-decoration:overline;
     text-decoration:line-through;

    }

    五、css注释

    /* 注释 */

  • 相关阅读:
    <Yii 学习>写入日志
    微信支付:curl出错,错误码:60
    PHPstorm创建注释模版
    Yii 常用命令
    Linux启动/停止/重启Mysql数据库的方法
    php foreach跳出本次/当前循环与终止循环方法
    介绍Sublime3下两款Markdown插件
    规范
    业务流程时序图
    数据字典
  • 原文地址:https://www.cnblogs.com/minguofeng/p/4817983.html
Copyright © 2020-2023  润新知