HTML/CSS总结资料

复习
------------------
一、HTML
标记语言
1. HTML的基本语法：
标签的定义、分类（单双标签）
标签的属性使用 <标签名 属性名1=“值” 属性名1=“值” >被修饰的内容</标签名>
注释：<!-- -->
实体：空格：  < < > >
2. 格式化标签：
<br/>
<p>...</p>
<center>...</center>
<pre></pre>
<ul> </ul>
<ol> </ol>
<li> </li>
<hr/>
<dl><dt><dd> 自定义列表
3. 文本标签：
<h1>....<h6>
<b><i><u>
<font size="" color="" face=""></font>
<sup><sub>
<strong>...</strong>
...
4. 图片标签：
<img ... />
属性：src：引入图片地址
width/height 宽和高
border边框
alt:图片加载失败（或慢）时提示文字
title: 鼠标移入时提示文字
5. 超级链接：
<a href="地址"></a>
属性：href="链接的地址"；
target: 跳转方式：_blank(新窗口) _self（当前窗口、默认）
_top（上一窗口） _parent（父窗口） 自定义窗口名
链接可以分为
站内链接：<a href="a.html">...</a>
站外链接：<a href="http://www.**.com/a.html">...</a>
mail链接：<a href="mailto:mail地址">...</a>
锚点链接：<a href="#描点名">当前页条</a>
<a href="**.html#描点名">跨页面</a>
自定义锚点名：<a name="锚点名">...</a>
6. 表格标签：
<table></table>
<tr></tr>
<th></th>
<td></td>
<caption></caption>
属性：table: width、height、border、bgcolor、cellspacing、cellpadding
tr：height、bgcolor、align
th、td: height、width、align、valign、colspan、rowspan、

7. 表单：
<form>..</form> 表单标签
<input... /> 表单项标签
<textarea... >..</textarea> 表单项标签（多行文本域）
<select ..> 表单项标签（下拉框）
<option>...</option>
</select>

属性介绍：
form：action、method="get/post"、enctype
input：type、name、value、disabled、accessKey
type的属性的值：
text:单行文本域
password:密码
radio:单选 默认选中checked
checkbox:多选 默认选中checked
image:图片提交
file:文件上传
button:普通按钮
hidden:隐藏域
submit:提交
reset:重置
textarea：name、cols、rows
select：name、size=“1”
option： value/selected(默认选中)

8. 页面的分帧（HTML框架）：
<frameset></frameset> 框架标签 属性：rows、cols

<frame ../> 载入分帧页面标签
frame的属性：src、name、scrolling

<iframe></iframe> 在一个网页内嵌入一个小页面窗口使用
<noframes></noframes> 页不只是分帧时使用此标签

二、CSS
1. 语法格式：选择符名{属性1:值1;属性2:值2;...}
注释：/*....*/

2. CSS在HTML中的使用方式：
2.1 内联（行内）
2.2 内嵌（内部）在网页的head头部标签中，使用style标签嵌入
2.3 外联 （外部）在网页的head头部标签中，使用link标签导入一个css样式文件
还用在css中使用import导入css文件
优先级：就近原则（当样式冲突时以最近为主，不冲突则采用叠加效果）

3. 选择符的种类：
1. HTML选择符：使用HTML标签名

2. 类选择符： 在html标签中使用class定义，在CSS中使用点方式指定。

3. ID选择符： 在html标签中使用id定义（要求唯一），在CSS中使用#方式指定

4. 关联选择符(包含式)： 选择符1 选择符2 选择符3 ...{...}

5. 组合选择符（并列方式）： 选择符1,选择符2,选择符3,...{...}

6. 伪类选择符：使用冒号: 是特有的，如a:link/ a:active

4. CSS的常用属性：
1. 字体
2. 文本
3. 背景
4. 边框
5. 鼠标
6. 列表
7. 定位
8. 区块

三、DIV+CSS布局
div和span标签
盒子模型：border、margin、padding
其他属性：width、height、top、left、position、z-index、display

本文出自 “王远的博客,Class的博客.” 博客，转载请与作者联系！