Posts Tagged 'CSS权威指南第三版'

免费HTML入门到精通新手经典指南教程(3)基本的 HTML 标签

HTML 中最重要的标签是定义标题、段落和换行的标签。

学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

标题

标题使用 h1>至 h6 标签进行定义,h1定义最大的标题,h6定义最小的标题。

  1. <h1>This is a heading</h1>
  2. <h2>This is a heading</h2>
  3. <h3>This is a heading</h3>
  4. <h4>This is a heading</h4>
  5. <h5>This is a heading</h5>
  6. <h6>This is a heading</h6>

HTML 会自动在标题前后添加一个额外的折行。

段落

段落使用

标签进行定义。

This is a paragraph

This is another paragraph

HTML 会自动在段落前后添加一个额外的空行。

不要忘记关闭标签

您可能注意到了,在编写段落时可以不带有

标签:

This is a paragraph

This is another paragraph

上面的例子在大多数浏览器中都可以工作,但是不要依赖这种做法。

HTML 未来的版本不允许省略任何结束标签。

通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。

换行符

当你打算结束一行,而又不想开始一个新段落时,
标签就派上用场了。无论你将它置于何处,
标签都会产生一个强制的换行。

标签是空白标签,由于关闭标签没有任何意义,因此它没有类似
的终止标签。


还是

您会越来越多地发现

很相似。

由于 ...

Continue Reading →

免费HTML入门到精通新手经典指南教程(1)HTML是什么

什么是 HTML 文件?

HTML 指超文本标签语言。
HTML 文件是包含一些标签的文本文件。
这些标签告诉 WEB 浏览器如何显示页面。
HTML 文件必须使用 htm 或者 html 作为文件扩展名。
HTML 文件可以通过简单的文本编辑器来创建。

做个实验如何?

第一步:如果您使用 Windows,请启动记事本。
如果您使用 Mac,请启动 SimpleText。在 OSX 中请使用 TextEdit,并设置一下参数:在参数设置中选择 Plain text 字体替代 Rich text 字体,然后选择“在 HTML 文件中忽略 rich text 命令”。这一点很重要,因为不这样的话,HTML 代码也许不能正常工作。

第二步:键入以下文本:

  1. <html>
  2. <head>
  3. <title>页面的标题</title>
  4. </headContinue Reading →

外部引用CSS中link与@import的区别

看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的,他们有什么区别?CSS用import还是link好?从经典论坛和另外一个网站大概了解了一下,看到淘宝网页中大部分是这样写的:

  1. <style type="text/css" media="screen">
  2. @import url("http://www.taobao.com/home/css/global/v2.0.css?t=20070518.css");
  3. </style>

而很多网站使用的都是link:

《CSS权威指南 – 第3版》撷英笔记及配套视频:Grouping Selector–选择符群组

如果要将网页中H2标题和段落都设置为灰色,可以使用以下选择符群组方式:

  1. h2, p {color: gray;}

不同的HTML标签之间用英文逗号进行分隔,告诉浏览器这里有多个标签元素,当然如果不加这个逗号也是一种选择符群组的方式,但却是完全不同的含义,这点稍后会提到。

CSS规则比较多的时候,选择符的群组可以很灵活,类似于数学中的交集和并集(不知道这个比喻恰不恰当,数学是偶的死穴…),可以衍生出多种不同的CSS编写方式,当然我们要从中总结最简洁的一种。书中举例相同效果的三种不同群组方式,我看着有点头晕,就不解释了:

  1. /* group 1 *Continue Reading →

《CSS权威指南 – 第3版》撷英笔记及配套视频:CSS元素选择符

若是就HTML而言,CSS中的选择符除了自定义的class和id之外,一般就是预置的HTML元素标签了,如p、h1、em甚至html等。但是XML就不一样,原书中有这样一段话:

In XML, a selector could be anything, since XML allows for the creation of new markup languages that can have just about anything as an element name.

意即在XML中用户似乎可以自定义标签的名称(本人没有研究,所以不敢用肯定的语气…),因此任何字符串都可能以合法元素标签名的形式出现在CSS选择符的位置上。

  1. QUOTE {color: gray;}
  2. BIB {color:Continue Reading →
Page 1 of 1012345...10...»