zoukankan      html  css  js  c++  java
  • CSS三种插入样式表格式

    首先简单理解浏览器与网页的交互过程

    CSS样式表(stylesheet)

      cascading style sheet 级联样式表

      表现HTML或XHTML文件样式的计算机语言:包含对字体、颜色、边距、高度、背景图片、网页定位等设定

      css优势:内容于表现分离

      网页的表现统一,容易修改

      丰富的样式,使得页面布局更加灵活

      减少网页的代码量,增加网页的浏览速度,节省网络带宽

      运用独立于页面的css有利于网页被搜索引擎收录

    插入CSS样式表分为三种:

    外部样式表(External style sheet)

    链接式与导入式的区别

     1 <link rel=”stylesheet” type=”text/css”

    href=”path”> 

     <style type="text/css">

    @import url(path);

    </style> 

    <link/> 标签属于XHTML,@import是属于CSS2.1

    使用<link/> 链接的CSS文件先加载到网页当中再进行编译显示

    使用@import导入的CSS文件,客户端显示HTML结构,再把CSS文件加载到网页当中

    @import是属于CSS2.1特有的,对不兼容CSS2.1的浏览器是无效的

    内部样式表(Internal style sheet)

    CSS代码写在<head>的<style>标签中

    <style>

    h1{color:green;}

    </style>

    优点:方便在同页面中修改样式

    缺点:不利于在多页面间共享复用代码及维护,对内容与样式的分离也不够彻底。

    内联样式(Inline style)

    使用style属性引入CSS 样式

    <h1 style=”color:red;”>style属性的应用</h1>

    <p style=”font-size:14px;color:green;”>直接在HTML标签中设置样式</p>


    CosmosRay

     

          cosmosray@aliyun.com
       CSDN博客
       格言:能力是金钱的另一种保存方式
       版权声明:本文为博主原创文章,如需转载请注明出处

  • 相关阅读:
    js防止按钮被多次点击
    jQuery:localStorage用法
    jQuery Ajax 前端和后端数据交互的问题
    <img>总结: 动态创建等问题
    jQuery
    Echarts 饼图(series)标题文字太长的换行设置
    echarts 为x轴、y轴添加滚动条
    video.js的应用
    关于跨域问题的详解
    麻省理工18年春软件构造课程阅读04“代码评审”
  • 原文地址:https://www.cnblogs.com/cosmosray/p/13268825.html
Copyright © 2011-2022 走看看