• 应用CSS样式表


    首先应该分清楚应用CSS样式表到HTML页面中和将css样式表绑定到HTML页面的对象,是两个不同的概念。
    像之前说的通过不同的选择器将样式表绑定到HTML页面中的对象,但其实使用的都是同一种方法应用css样式表到HTML页面中,这种方式成为嵌入样式表。
    而css中应用css样式表的方法共有四种,剩下的三种为内联样式,外联样式表和多重样式表。


    嵌入样式表:
    嵌入样式表是指使用<style>标签将css样式表放入到<head>标签内

    内联样式表:
    又称行内css 通过使用style属性来引用声明语句。放在页面结构性标签的后面
    <p style="color:sienna;margin-left:20px">
    页面内容
    </p>

    外联样式表:
    在创建整站工程时,一个css样式表常常需要同时应用于几个页面,这时候用外联样式表是非常好的选择。因为css样式表可以作为一个独立文件储存在页面外部,后缀名为css。通常使用<link>来调用外联样式表。
    <link rel="Shortcut" type="text/css" href="some.css"/> //rel是关系的缩写
    当然调用的不一定是一个文件,也可以引用url地址文件,此外还有一种使用@import来引用外联样式表的方法。把它放在<style>标签中。
    <style type:"text/css">
    @import url(some.css)
    </style>


    多重样式表:
    通常来说,当多个样式表作用于同一个页面对象的时候,离这个页面对象最近的起决定性作用。但是,行内样式表始终处于最高级别。

  • 相关阅读:
    spring boot三种方式设置跨域
    完整卸载Mysql
    【OBIEE】OBIEE集成Echarts作图
    【OBIEE】BIEE培训(一)
    【Oracle】Oracle物化视图
    【Oracle】oracle11g安装过程提示swap size 检查失败问题
    【Linux】centOS7下安装GUI图形界面
    【Nginx】Linux环境搭建nginx负载
    【oracle】Oracle创建带参数视图
    抢票:搭建github最火的12306项目
  • 原文地址:https://www.cnblogs.com/wangshen31/p/7911664.html
Copyright © 2020-2023  润新知