WEB学习笔记7-样式与结构分离

时间:2022-10-01 14:21:13

CSS样式应用于HTML总共4种样式:

  (1)在HTML页面中链接一个CSS文件

    文件以link形式添加到<head>部分,在link中可以设置media属性来表明样式使用的场景。例如,media值设置为screen标示正常浏览的CSS样式,设置为print标志打印时样式。

    <link rel="stylesheet" href="default.css"/>

    <link rel="stylesheet" href="print.css" media="print">

    此模式为最佳模式。

  (2)在HTML页面中内嵌CSS样式

    将CSS样式直接内嵌到HTML页面的<head>中,所有CSS样式放置在style标签中

    <style>

    body{}

    </style>

   (3) 在HTML标签中添加内联CSS样式

    此方法是直接添加元素的style属性中

    <span>green</span>

  (4)在CSS样式文件中加载CSS样式文件

    @import "mystyle.css";

    @import url("mystyle.css")

    此种方法使用较少。