摘要: 在各种类型的样式定义中,内联样式是在元素的style属性中指定,因此不需要定义样式选择器。除此而外,其它类型的样式表都需要定义样式选择器(selector)。选择器就是指定所定义的样式适合于哪些元素,比如应用于p标签、class="important"。样式选择器主要有标签选择器、class选择器和id选择器等,下面分别进行详细学习。一、元素选择器 最常见的 CSS 选择器是元素选择器(element selector),也叫类型选择器(type selector)。换句话说,文档的元素(或类型)就是最基本的选择器。这里的“文档”既可以是HTML文档,也可以是XML文档。如 阅读全文
posted @ 2012-08-25 17:44 YunshiSun 阅读(1547) 评论(0) 推荐(0) 编辑
摘要: 一、CSS语法 CSS 规则由两个主要的部分构成:选择器(selector),以及一条或多条声明(declaration)。 selector {declaration1; declaration2; ... declarationN } 1.选择器(selector):选择器通常是需要设置样式的 HTML 元素。CSS有包括标签选择器、id选择器在内的多种选择器。 2.属性声明(declaration):每条声明由一个属性(property)和一个值(value)组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值之间用冒... 阅读全文
posted @ 2012-08-24 23:59 YunshiSun 阅读(1099) 评论(0) 推荐(0) 编辑
摘要: 一、CSS定义 1.CSS定义 CSS是Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS的作用就是为网页设置外观,相当于给HTML文档穿上了华丽的衣服。CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象盒子模型的控制能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。 2.为什么要使用CSS? 这个问题得从HTML和浏览器的发展... 阅读全文
posted @ 2012-08-22 23:34 YunshiSun 阅读(2069) 评论(0) 推荐(2) 编辑
摘要: 一、<div></div>和<span></span> 1.<div></div>标签 <div></div>标签可定义文档中的分区或节(division/section),从而把文档分割为独立的、不同的部分。<div></div>标签可以作为一种严格的组织工具,并且不使用任何格式与其关联,这其中包含一种HTML标记和表现样式相分离的思想。在实际工作中,我们通常为<div></div>标签指定 id 或 class 属性,使该标签会变得更加有效。< 阅读全文
posted @ 2012-08-21 23:28 YunshiSun 阅读(2235) 评论(0) 推荐(0) 编辑
摘要: 一、框架 一个浏览器文档窗口只能显示一个网页文件,但是可以通过使用框架,在同一个浏览器窗口中显示不止一个页面。使用框架的页面主要包含两个部分,一个是框架集,另一个就是具体的框架文件。 框架多用于网站后台或者内网系统的布局。 1.框架集(<frameset></frameset>):就是用来定义这一HTML文件为框架模式,并设定视窗如何分割的文件。通俗一点地说,框架集就是存放框架结构的文件,也是访问框架文件的入口文件。如果网页由左右二个框架组成,那么除了左右二个网页文件之外,还有一个总的框架集文件。在使用框架的页面中,<body>主体标记被框架标记<fr 阅读全文
posted @ 2012-08-18 23:57 YunshiSun 阅读(5345) 评论(0) 推荐(1) 编辑
摘要: 一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与Web服务器的交互。 2.表单的工作机制 3.表单定义(<form></form>标签) HTML表单是一个包含表单元素的区域, 表单使用<form> 标签创建。表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。注意,<form >元素是块级元素,其前后会产生折行。1 <form action=" 阅读全文
posted @ 2012-08-06 00:21 YunshiSun 阅读(2574) 评论(0) 推荐(2) 编辑
摘要: 表格由<table></table>标签定义,在内部通过<tr>创建行(table row),<tr>内部通过<td>(table data,表格数据)创建单元格。可以将table的border属性设为0来隐藏表格线。 1.<td>单元格属性: 填充(cellpadding):内容和表格边线之间的距离 。 间距(cellspacing):单元格之间的间距。 rowspan(合并行)、colspan(和并列)进行单元格的合并<td rowspan ="2" colspan = "2&quo 阅读全文
posted @ 2012-08-04 21:46 YunshiSun 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 一、HTML图像<img> 1.<img>标签和它的src属性 在 HTML 中,图像由 <img> 标签定义。<img> 是一个空标签,意思是说,它只包含属性,并且没有闭合标签(而是直接以“/>”结尾)。要在页面上显示图像,你需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。定义图像的语法是:<img src="url" />,URL 指存储图像的位置。浏览器将图像显示在文档中图像标签出现的地方。<!--只指定了src属性的img--> 阅读全文
posted @ 2012-08-04 20:00 YunshiSun 阅读(4986) 评论(0) 推荐(0) 编辑
摘要: 一、超文本(HyperText) 标记语言的真正威力在于其收集能力,它可以将收集来的文档组合成一个完整的信息库,并且可以将文档库与世界上的其他文档集合链接起来。这样的话,读者不仅可以完全控制文档在屏幕上的显示,还可以通过超链接来控制浏览信息的顺序。这就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext),就是它将整个 Web 网络连接起来。参考:http://www.w3school.com.cn/tags/tag_term_hypertext.asp二、超链接(Hyper Link) 1.超链接定义 超链接(Hyperlink):是网页中指向一个目标的连接关系... 阅读全文
posted @ 2012-08-04 17:30 YunshiSun 阅读(8668) 评论(0) 推荐(0) 编辑
摘要: 一、基本文字格式1.标题<h></h> HTML定义<h1></h1>到<h6></h6>六个<h>标签,分别用来不同大小字体的标题(Heading)。字体由大到小,<h1>最大,<h6>则最小。 Heading标签需要注意的是:a.浏览器会自动地在标题的前后添加空行。因为Heading标签属于块级元素,而在默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行(<br/>)。b.标题对整个页面来说很重要,应该将HTML heading 标签只用于标题,而不要仅仅是为 阅读全文
posted @ 2012-08-02 23:42 YunshiSun 阅读(9422) 评论(0) 推荐(3) 编辑