前端Day5

作者: include_ | 来源:发表于2017-02-19 22:53 被阅读6次

    CSS基础与进阶


    1.什么是CSS?

            CSS是层叠样式表,主要用于设置HTML文本内容(字体,大小,对齐方式等)、图片的外形(宽高,边框样式,边距等)以及版面布局等外观显示样式。

            CSS版本:2.1~3.0

    2.如何编写CSS样式?

    2.1 缺省样式:浏览器样式,所有标签都有默认样式。

    2.2 行内样式:<h1 style=" color:red; ">  style属性中可以设置多种样式,样式间用分号隔开。

    2.3 内嵌样式:在<head>标签中加上style标签,将type属性值设置为text/css(默认值就是text/css,因此可缺省),在style标签中写css样式。
    格式:  <style type="text/css">

                       p {

                                  color:red;

                        }

                  </style>

    2.4 外联css样式:在头文件中链接css文件:

    <link href="css文件地址" rel="stylesheet">

    2.5 导入样式:在style标签中嵌套:

    <style type="text/css">

       @import url(css文件地址);

    </style>

    @import 必须写在其他样式前,将某一个css文件导入到当前位置。

    3. 优先级

    样式优先级:行内式>内嵌式>导入式 (相同权值)

    就近原则:离被设置元素越近,优先级别越高。

    相关文章

      网友评论

        本文标题:前端Day5

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