黑马程序员技术交流社区

标题: CSS [打印本页]

---

作者: eviladm    时间: 2019-5-9 13:40
标题: CSS
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;
                        ...
                }
        * 选择器:筛选具有相似特征的元素
        * 注意：
                * 每一对属性需要使用；隔开，最后一对属性可以不加；

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2