13-css应用的方式

网页中加css的方式有四种
  1、内嵌式样式表:直接写在现有的标记中,如:
    <p style="color:red">这里文字是红色的</p>
  2、嵌入样式表:使用“<style></style>”标签嵌入到HTML文件的头部中<head>标记内,如:
    <style type="text/css">
      body{background:white;color:black;}
    </style>
    <!-- -->用于当浏览器不支持样式时,不会将样式内容显示出来
  3、外部链接式“样式表”:将样式表写在一个独立的 .css 文件中,然后再head区 <head>标记内使用
    <link>标签来调用它,主要用于实现表现与结构分离如:
    <link href="main.css" rel="stylesheet" type="text/css" />
  4、导入式“样式表”:导入样式表与链式样式表的功能基本相同,只是语法和动作方式上略有不同,
    同样也将导入样式代码写在<head>标记内。
  语法:
    <style type="text/css">
      @import url("basic,css");
    </style>


  1、行内样式:应用于一个  
  2、嵌入样式:应用于一类标签
  3、如果我们有很多的网页,都要用css,我们怎么办?
    将css样式写到一个单独的文件中 style.css 要使用的网页,只需要调用即可。这才是我们学习xhtml+css的核心,结构与样式分离
    这个就是外链接样式,推荐使用
  4、导入式样式:也是将样式写到一个文件中,再导入到网页中
    *****说明,导入式,其实与内嵌是相似的,都是讲样式加入到网页里
    a.导入式,会占用html文件空间
    b.有些浏览器,解析会有问题。浏览器会,最后读取 @imort 的内容
    c.将多个样式文件,导入到同一个样式文件中
  css应用于网页中的四种方式:
    1、行内样式:直接写在xhtml文档内,作用于标签内。只针对某一个标签,还不灵活
    2、内嵌样式:直接写在xhtml文档内,可以针对某些标签
    3、外部样式:可以单独写在一个css文件中,然后应用给,要使用样式的html文件
    4、导入样式:可能存在解析问题,不建议使用

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545330.html