美文网首页
CSS概述基本使用

CSS概述基本使用

作者: 三人行大道 | 来源:发表于2019-05-15 10:49 被阅读0次
css基本语法
css使用方法
css选择器
css继承和层叠
css优先级
css命名规范

如何引入CSS样式
    1.行内样式(内联样式)
    
    <!--行内样式:在开始标签内添加style样式属性-->
    <p style="color:red">内容</p>

  加载:和HTML同时加载

    2.内部样式表(嵌入样式)
    <!--内部样式,嵌入样式,把css样式代码写在-->
    <style type="text/css">
        样式
    </style>
      这里需要注意的是style要放在 head标签内
      加载:和HTML同时加载

    3.外部样式表
    外部样式表,把css样式代码写在独立的文件中
    扩展名:css文件名.css
    引入外部文件
    <link rel="stylesheet" href="xxx.css" type="text/css">
    link标签要放在head标签之间


  加载:页面加载是同时加载css样式

    4.导入式

    @import “外部css样式”
    要写在style标签内

    <style type="text/css">
        @import url(css.css);  这里有需要注意的是 后面的分号要加
    </style>

读取完HTML之后在加载

相关文章

网友评论

      本文标题:CSS概述基本使用

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