摘要: 03、设计字体 要指定文本的font(字体),就要使用“font-family”属性。编写字体名称的时候,要注意大小写和全半角等,当字体名称中有空格时,必须用“"”或“'”把它括起来。设置字体类型时,可以以列表的形式设置字体类型,并用逗号隔开。 例如:在h1元素标签使用CSS设计字体 CSS代码:h1{font-family:"微软雅黑","楷体","Time News Roman",Time... 阅读全文
posted @ 2011-09-14 22:14 自由天 阅读(281) 评论(0) 推荐(1) 编辑
摘要: 01、设计font的大小 CSS中指定文本大小(font-size)需要使用“font-size”属性,其属性值可以是: 数值 用em,px等指定大小 比率 用%指定对基准大小的比率 关键词 用关键词指定大小 例如:在h1元素标签使用CSS自由变换文字的大小, CSS代码:h1{font-size:20px;} 在CSS中经常使用数值指定字体大小(当然还有其他属性的大小和长度),数值的单... 阅读全文
posted @ 2011-09-13 15:20 自由天 阅读(633) 评论(0) 推荐(1) 编辑
摘要: 03、CSS选择器 CSS2.1支持4中选择器方案,每一种都基于元素的某个方面: 元素的类型 元素的属性 使用元素的上下文 有关元素的外部信息 此外,还包含了一种可以有效避开整个选择器机制的方法:style属性。 4中方案可以组合到单个选择器中,以便在元素上添置展现组合特性的样式属性。例如:选择器“h1 em”使用元素类型(h1和em)和上下文(em必须包含在h1内部)。 (1)类... 阅读全文
posted @ 2011-09-11 20:58 自由天 阅读(305) 评论(0) 推荐(1) 编辑
摘要: 结构至上,结构与表现分离。这是网页标准化最优原则,也是Web设计的最高境界。01、CSS样式 CSS全称为“Cascading Style Sheets”,中文翻译为“层叠样式表”,简称“CSS样式表”又被我们称为“CSS样式”,CSS样式有时被作为一种能制作出各种样式网页的技术统称。 2000年,W3C升级CSS为CSS 2.1,并把它作为标准版本推荐使用。2001年,推出CSS3.0,但是没有普及。所以现在主要使用的是CSS 2.1。 CSS是一种详细设置网页外观的技术,使用CSS来制作网页有以下优点:给HTML文件减肥,浏览器下载时间变短,服务器负担减轻可以一次性管理多个页面,将许多网页 阅读全文
posted @ 2011-09-11 13:36 自由天 阅读(448) 评论(0) 推荐(1) 编辑
摘要: 在前面的文章里已经提到了HTML元素的分类(http://www.cnblogs.com/hnczty/archive/2011/09/06/2168685.html)。在HTML中使用的各元素,按照不同的特征和功能,可以分为:block元素(块级元素)、inline元素(内联元素)等概念,以及用样式表制定样式时不可或缺的<div>标签和<span>标签。 09、block元素与inline元素... 阅读全文
posted @ 2011-09-11 11:17 自由天 阅读(312) 评论(0) 推荐(1) 编辑
摘要: 08、(超)链接标签 在浏览网页时,我们会单击链接从一个页面跳到另一个页面、从一个站点跳到另一个站点,这中功能是HTML文档的最大特点。那么如何给网页添加符合目的、有效的、合理的链接呢?(1)链接标签: 在设置文本或画面等超链接时,使用<a>标签:把想要链接的部分放到<a>标签之间,然后在该标签的“href”属性中编写目标地址URL(也就是要进入的文件、地址的定位)。href属性是指超文本(Hypertext,也就是HTML文档)的参照地址,缩写自“超文本参照”(Hypertext Reference)。 在浏览器上,一般超链接部分的蓝色通常显示为蓝色加下划线,光标移到 阅读全文
posted @ 2011-09-07 22:07 自由天 阅读(594) 评论(0) 推荐(1) 编辑
摘要: 05、引用标签 <q> 标签定义短的引用。 浏览器经常在该引用的内容周围添加引号。 引用书本或者网页中的文章时,使则用<BlockQuote>标签。该标签定义块引用。<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。 引用时通常要写明引用原文、出处等,此时使用<cite>标签,其间的内容在浏览器中将显示为斜体。同时<q> 标签和<blockquote>标签还拥有 “c 阅读全文
posted @ 2011-09-06 17:25 自由天 阅读(408) 评论(0) 推荐(1) 编辑
摘要: HTML的目的本来就是给文本添加条目、段落、表、表单等功能标志(mark-up),从而促使文本结构化。我们要灵活自如地使用标签设计文本内容(text contents)。01、条目标签 在显示条目时,使用<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等标签来配合条目的级别。数值越小,级别越高(更大的条目)。所以,给文章加条目要注意文章的层次结构,必须注意HTML元素的语义化。还有就是不要为了实现某一级条目样式(比如<h3>的尺寸)而使用这种样式,而这通常可以通过CSS样式表来实现。(注意:条目标签将 阅读全文
posted @ 2011-09-06 16:11 自由天 阅读(544) 评论(0) 推荐(1) 编辑
摘要: 04、常见HTML元素 前面已经提到了<p>、<em><h1>、<h2>等元素,现在有必要给元素分下类了。元素通常可以分为三类:块级元素:h1、p内联元素:em不可见元素:title元素全称类别典型视觉效果结束标签是否可省略空元素或置换元素AAnchor内联元素突出否Block-Quote块级元素缩进否Body块级元素画布内是BrBreak块级元素换行是*空元素DDDefinitionDescription块级元素是DLDefinition list块级元素否DivDefinition term块级元素是EMEmphasis内联元素斜体否H1,H 阅读全文
posted @ 2011-09-06 14:03 自由天 阅读(1254) 评论(0) 推荐(1) 编辑
摘要: 02、HTML文件的基本结构 在HTML文件中,由<html>标签、<head>标签、<body>标签等3种标签形成最基本的框架。 图示:最基本的HTML文件的组成。 分析: HTML文件中,由<html>到</html>指定范围。在这个范围内,把文件的相关信息和想要在网页上显示的内容分开来编写。 <html>标签:总括文件整体,把其间内容变成HTML元素,并把文本定义为HTML文件。 <h... 阅读全文
posted @ 2011-09-06 11:07 自由天 阅读(236) 评论(0) 推荐(1) 编辑
摘要: 网页是用HTML这种语言对文件进行处理(标出条目、段落、表格、列表、链接等),以实现文件的结构化。这些结构化的的文件(用HTML标注的过的文本)经由IE、火狐等浏览器解释,并显示在窗口中,因此学习HTML这种语言就从它的结构开始吧!01、HTML文件的元素与标签 在HTML中,为了把网页内容传达得更容易让人理解,就把文本分为条目、段落、图像等部分,并把这一个一个的零散部分(“元素”,element)组合在一起,就构成了一个完整的网页。 在HTML文件中,需要指定一个元素是哪个类型的部件及其范围,那就是“标签”。用标签指定元素的范围,大部分都是以“开始标签”开始,以“结束标签”结束的。结束标签的 阅读全文
posted @ 2011-09-05 23:37 自由天 阅读(376) 评论(0) 推荐(1) 编辑