美文网首页
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