CSS样式基础用法

112 阅读1分钟

   

   

   

    css样式预习

    @import url (import.css);

    <!--

        链接式是通过HTML标签的标签,将外部样式表文件连接到HTML文档中,这是用的最多的方式,同时也是最实用的方式,这种方法将HTML文件与CSS文件完全隔离,实现结构层和表示层的彻底分离,增加网页结构的拓展性和css样式可维护性。

     -->

   

   

   

    <!--

        css的样式包含两种:“选择器和声明规则”

        选择器作用:告诉我们该样式将作用于那些对象,可以是某个标签 所有网页对象 指定Class或者ID值等

        声明必须包括两个部分:属性和属性值,并用分号;隔开来表示一个声明的结束

    -->

   

        /* 内嵌式通过将css写在网页源文件头部,即在与之间,通过使用HTML标签中的标签将其包围,特点:样式只能在此网页使用,解决行内样式多次书写弊端 */

        body{

            font-size: 12px;/* 定义网页字体大小12像素,字体颜色红色 */

            color: red;

        }

        p{

            background-color: darkmagenta;/* 定义段落背景颜色为紫色 */

        }

       

   

\

   

我是一个段落

   

h2标题元素

   

第一个链接式样式

   

第二个链接样式

   

导入样式

    <!-- 导入样式的六种书写方式

        1:@import import.css;

        2: @import 'import.css';

        3: @import "import.css";

        4: @import url (import.css);

        5: @import url ('import.css');

        6: @import url ("import.css");

     -->