• 应用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>


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

  • 相关阅读:
    带不带protype的区别
    一些方法(自己的认知)
    事件
    简单笔记
    freemarker Velocity获取request,session
    Freemaker中使用中括号来包含标签
    FreeMarker自定义标签
    Velocity模版自定义标签
    前端常用代码
    Eclipse中配置Ehcache提示信息
  • 原文地址:https://www.cnblogs.com/wangshen31/p/7911664.html
Copyright © 2020-2023  润新知