A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 刘波啵 中级黑马   /  2019-5-9 13:53  /  740 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

3. CSS的使用:CSS与html结合方式
        1. 内联样式
                 * 在标签内使用style属性指定css代码
                 * 如:<div style="color:red;">hello css</div>
        2. 内部样式
                * 在head标签内,定义style标签,style标签的标签体内容就是css代码
                * 如:
                        <style>
                        div{
                            color:blue;
                        }
               
                    </style>
                        <div>hello css</div>
        3. 外部样式
                1. 定义css资源文件。
                2. 在head标签内,定义link标签,引入外部的资源文件
                * 如:
                    * a.css文件:
                                div{
                                    color:green;
                                }
                        <link rel="stylesheet" href="css/a.css">
                        <div>hello css</div>
                        <div>hello css</div>

        * 注意:
                * 1,2,3种方式 css作用范围越来越大
                * 1方式不常用,后期常用2,3
                * 3种格式可以写为:
                        <style>
                        @import "css/a.css";
                    </style>

4. css语法:
        * 格式:
                选择器 {
                        属性名1:属性值1;
                        属性名2:属性值2;
                        ...
                }
        * 选择器:筛选具有相似特征的元素
        * 注意:
                * 每一对属性需要使用;隔开,最后一对属性可以不加;

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马