[翻译]标记语言和样式手册 Chapter 10 应用CSS（4）
作者：zhaozy 来源：3user.com 发布时间：2008-02-02 18:44:00
方法D:行内样式
<h1 style="font-family: Georgia, serif; color: orange;">This is a Title</h1>
这是我们所接触的第四种CSS应用方法--行内样式,几乎任何标签都能加上style属性,让你能直接对标签应用CSS样式规则,与上面的例子一样.
由于行内样式是层叠最底层,因此他们会覆盖所有外部样式的声明,以及声明在<head>的<style>标签内的规则.
这是个在页面各处加上样式的简单做法,但是使用它必须付出代价.
样式绑死在标签上
如果在为页面制定样式的时候太依赖方法D,那么就没有做到把内容和展示方式分离,回头修改的时候必须深入标记源代码,把CSS放到分离得到文件中,维护起来就简单很多.
滥用方法D与使用<font>之类的显示效果标签污染标记源代码没什么差别,这些设计细节向来应该放在其他地方.
小心使用
在现实情况中,当然有时用行内样式的机会,在需要为页面加上样式,但是无法存取外部文件,或是不能修改<head>的时候,它能救你一命,或者暂时套用样式,不打算与其它标签共用的时候也会用到.
举例来说,如果网站上有个预告慈善义卖的页面,稍后就会取下,而你想为这个页面设计一套独特的样式,那么或许就将这些样式规则内嵌到标签里,而不把他们加到永久样式表里.
这就动手吧,不过要注意这些样式无法轻易更改,或是横跨页面让整个网站使用.
归纳
我们看了四种为标记内容应用CSS的不同方法,发现每种方法在应付特殊情况时都具有各自的优点.让我们复习一下每个方法,以及它们的优缺点.
方法A:
需要把样式方在每个页面的<head>内,无法让许多页面共享同一份样式表,而且必须在每次读取页面时重新下载.
放在<style>内的样式无法完全对老旧浏览器隐藏.
适合在测试,开发阶段使用,标记内容与样式能放在相同文档里一起修改.
方法B:
让一组样式能在许多页面之间甚至整个网站内公用.
外部样式表只会下载一次,浏览器会作缓存,节省重复访问的下载时间.
把共享的样式放在一个文档里,代表设计变更易于维护.
以<link>标签引用的样式表无法对老旧浏览器隐藏.
方法C:
让一组样式能在许多页面之间甚至整个网站内公用.
外部样式表只会下载一次,浏览器会作缓存,节省重复访问的下载时间.
把共享的样式放在一个文档里,代表设计变更易于维护.
@import能对Netscape 4.x浏览器隐藏样式内容.
方法D:
样式定义在行内,让显示效果与标记内容靠得太近.
无法与其它标签,整个文档甚至全站公用样式定义.
维护十分麻烦,缺乏效率.
适用于暂时性的问题,或者无法存取外部档案,修改页面<head>的时候使用.
现在看完了所有把样式与标签语法链接在一起做法,让我们更进一步,在"技巧延伸"中看看替换样式表.
0
投稿猜你喜欢
- 做项目的时候，一位同事导数据的时候，不小心把一个表中的数据全都搞重了，也就是说，这个表里所有的记录都有一条重复的。这个表的数据是千万级的，而
下载驱动器http://chromedriver.storage.googleapis.com/index.html下载与谷歌版本相同或最近- ndarray.ndim：维度ndarray.shape：形状ndarray.size：元素个数ndarray.dtype：元素数据类型nd
- 简单的说，一个数据库管理系统应该的提供的基本服务有两种：1.数据访问。对每个数据库管理系，数据访问服务都包含一下几种(1)插入--向数据库中
- 在机器上首次安装MySQL，操作系统是win7mysql 的安装文件是 zip 格式的，版本是5.7.17解压之后，安装步骤是1、首先找个文
- * test11.pyimport timeprint "1"time.sleep(2)print "1&qu
- SQL 多条件查询以后我们做多条件查询,一种是排列结合,另一种是动态拼接SQL如:我们要有两个条件,一个日期@addDate,一个是@nam
- 本文实例为大家分享了Python OpenCV实现视频追踪的具体代码，供大家参考，具体内容如下1. MeanShift假设有一堆点集和一个圆
- 关于Python数据分析中pandas模块在输出的时候，每行的中间会有省略号出现，和行与行中间的省略号....问题，其他的站点（百度）中的大
- 本文实例讲述了golang的HTTP基本认证机制。分享给大家供大家参考，具体如下：看了<<http权威指南>>第12
- 一、问题开发中遇到将其它数据库数据插入到mysql数据库表中一直会报类似如下错误：Incorrect string value: '
- 本文实例为大家分享了Python查询IP地址归属的具体代码，供大家参考，具体内容如下#!/usr/bin/env python# -*- c
- 其实所有的死锁最深层的原因就是一个:资源竞争。表现一:一个用户A 访问表A(锁住了表A),然后又访问表B
- python字符串查找函数的使用打开Python开发工具IDLE，新建‘findstr.py'文件，并写代码如下：s ='/
- 请定义函数，将列表[10, 1, 2, 20, 10, 3, 2, 1, 15, 20, 44, 56, 3, 2, 1]中的重复元素除去，
- 近来想要做一做人脸识别相关的内容，主要是想集成一个系统，看到opencv已经集成了三种性能较好的算法，但是还是想自己动手试一下，毕竟算法都比
- 数组：<custom-element :whatever="[...array]"></custom-
- 在使用JavaScriptSerializer.Serialize 方法转json对象时，遇到一个问题，后台方法生成的json字符串中有没有
- 本文实例讲述了JS实现获取数组中最大值或最小值功能。分享给大家供大家参考，具体如下：方法一：//最小值Array.prototype.min
- 在大家的日常python程序的编写过程中，都会有自己解决某个问题的解决办法，或者是在程序的调试过程中，用来帮助调试的程序公式。小编通过上万行
