08 2012 档案
摘要：在CSS中，outline属性用于设置元素的轮廓，轮廓是绘制于元素周围的一条线，位于边框（border）边缘的外围，可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式（outline-style）、颜色（outline-color）和宽度（outline-width）。一、outline-style outline-style 属性用于设置元素的整个轮廓的样式。outline-style属性的取值包括none（无轮廓）、solid（实线轮廓）和dashed（虚线轮廓）等，样式不能是 none，否则轮廓不会出现。 注意：1.在设置 outline-color 属性之前声...
阅读全文
摘要：一、border border属性用于设置表格（<table></table>）以及单元格（<th></th>/<td></td>）设置边框。注意：border也是一种简写属性，它一次性设置了table、th和td的四条边框的属性，这些属性都可以单独设置的，在这里就不一一演示了。在这个简写属性中， 各个属性的书写顺序是无关的。例如，下面的例子为table、th和td设置了1px宽的蓝色实线边框。 table, th, td { border: solid blue 1px; }说明：上例中的表格具有双线条边框。这是由于 t
阅读全文
摘要：CSS列表属性主要包括列表类型（list-style-type）、列表图像（list-style-image）和列表位置（list-style-position）。一、list-style-type list-style-type属性用于设置列表类型（标志类型）。例如，在一个无序列表中，列表项的标志 (marker) 是出现在各列表项旁边的圆点（disc）；在有序列表中，标志可能是字母（a/A/...）、数字（1/i/I...）或另外某种计数体系中的一个符号。例如，下面的声明把无序列表中的列表项标志设置为方块。 /*将无序列表中的列表项标志设置为方块*/ ul {list-style-...
阅读全文
摘要：CSS 字体属性用于定义文本的字体系列（font-family)、字体大小(font-size)、字体粗细(font-weight)、字体风格（font-style,如斜体）和字体变形（font-variant,如小型大写字母）等。一、font-family 1.字体系列简介 就像传统的文字处理软件（比如Word）一样，设置字体属性是样式表的最常见的用途之一。不过，尽管字体选择很重要，但是至少在目前还没有一种办法能确保在 Web 上一致地使用字体，因为没有一种统一描述字体和字体的变形的方法。 在Web领域，存在字体的命名混乱的问题：实际上，在Web中相同的字体可能有很多不同的称呼，我...
阅读全文
摘要：上一篇文章学习了CSS背景，本篇来学习CSS文本。背景（background）和文本（text）一后一前，相互渲染，从而呈现出页面内容。背景就像是画布，而文本就是我们在画布上绘制的文字线条。CSS 文本属性主要包括文本颜色（color）、字符间距（letter- spacing）、对齐文本（text-align）、装饰文本（text-decoration)和文本缩进（text-indent）等，下面分别学习。一、文本颜色 CSS使用color 属性设置文本颜色（前景色）。color属性设置了一个元素的前景色（在 HTML 表现中，就是元素文本的颜色）；光栅图像不受 color 影响。co...
阅读全文
摘要：CSS 允许应用纯色（background-color）作为背景，也允许使用背景图像（background-image）创建相当复杂的效果。CSS 在这方面的能力远远在 HTML 之上。一、背景颜色 可以使用 background-color 属性为元素设置背景色。这个属性接受任何合法的颜色值。可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。比如下面这条规则把<p></p>元素的背景设置为灰色：p {background-color: gray;} 如果您希望背景色从元素中的文本向外少有延伸，只需增加一些内边距：p {background-
阅读全文
摘要：在各种类型的样式定义中，内联样式是在元素的style属性中指定，因此不需要定义样式选择器。除此而外，其它类型的样式表都需要定义样式选择器（selector）。选择器就是指定所定义的样式适合于哪些元素，比如应用于p标签、class="important"。样式选择器主要有标签选择器、class选择器和id选择器等，下面分别进行详细学习。一、元素选择器 最常见的 CSS 选择器是元素选择器（element selector），也叫类型选择器（type selector）。换句话说，文档的元素（或类型）就是最基本的选择器。这里的“文档”既可以是HTML文档，也可以是XML文档。如
阅读全文
摘要：一、CSS语法 CSS 规则由两个主要的部分构成：选择器（selector），以及一条或多条声明（declaration）。 selector {declaration1; declaration2; ... declarationN } 1.选择器（selector）：选择器通常是需要设置样式的 HTML 元素。CSS有包括标签选择器、id选择器在内的多种选择器。 2.属性声明（declaration）：每条声明由一个属性（property）和一个值（value）组成。属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值之间用冒...
阅读全文
摘要：一、CSS定义 1.CSS定义 CSS是Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS的作用就是为网页设置外观，相当于给HTML文档穿上了华丽的衣服。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒子模型的控制能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。 2.为什么要使用CSS？ 这个问题得从HTML和浏览器的发展...
阅读全文
摘要：一、<div></div>和<span></span> 1.<div></div>标签 <div></div>标签可定义文档中的分区或节（division/section），从而把文档分割为独立的、不同的部分。<div></div>标签可以作为一种严格的组织工具，并且不使用任何格式与其关联，这其中包含一种HTML标记和表现样式相分离的思想。在实际工作中，我们通常为<div></div>标签指定 id 或 class 属性，使该标签会变得更加有效。<
阅读全文
摘要：一、框架 一个浏览器文档窗口只能显示一个网页文件，但是可以通过使用框架，在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分，一个是框架集，另一个就是具体的框架文件。 框架多用于网站后台或者内网系统的布局。 1.框架集（<frameset></frameset>）：就是用来定义这一HTML文件为框架模式，并设定视窗如何分割的文件。通俗一点地说，框架集就是存放框架结构的文件，也是访问框架文件的入口文件。如果网页由左右二个框架组成，那么除了左右二个网页文件之外，还有一个总的框架集文件。在使用框架的页面中，<body>主体标记被框架标记<fr
阅读全文
摘要：一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义（<form></form>标签） HTML表单是一个包含表单元素的区域， 表单使用<form> 标签创建。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。注意，<form >元素是块级元素，其前后会产生折行。1 <form action="
阅读全文
摘要：表格由<table></table>标签定义，在内部通过<tr>创建行（table row），<tr>内部通过<td>（table data，表格数据）创建单元格。可以将table的border属性设为0来隐藏表格线。 1.<td>单元格属性： 填充（cellpadding）：内容和表格边线之间的距离 。 间距（cellspacing）：单元格之间的间距。 rowspan(合并行)、colspan（和并列）进行单元格的合并<td rowspan ="2" colspan = "2&quo
阅读全文
摘要：一、HTML图像<img> 1.<img>标签和它的src属性 在 HTML 中，图像由 <img> 标签定义。<img> 是一个空标签，意思是说，它只包含属性，并且没有闭合标签（而是直接以“/>”结尾）。要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是：<img src="url" />，URL 指存储图像的位置。浏览器将图像显示在文档中图像标签出现的地方。<!--只指定了src属性的img-->
阅读全文
摘要：一、超文本（HyperText） 标记语言的真正威力在于其收集能力，它可以将收集来的文档组合成一个完整的信息库，并且可以将文档库与世界上的其他文档集合链接起来。这样的话，读者不仅可以完全控制文档在屏幕上的显示，还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本（hypertext），就是它将整个 Web 网络连接起来。参考：http://www.w3school.com.cn/tags/tag_term_hypertext.asp二、超链接（Hyper Link） 1.超链接定义 超链接（Hyperlink）：是网页中指向一个目标的连接关系...
阅读全文
摘要：一、基本文字格式1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签，分别用来不同大小字体的标题（Heading）。字体由大到小，<h1>最大，<h6>则最小。 Heading标签需要注意的是：a.浏览器会自动地在标题的前后添加空行。因为Heading标签属于块级元素，而在默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行（<br/>）。b.标题对整个页面来说很重要,应该将HTML heading 标签只用于标题，而不要仅仅是为
阅读全文
