第一天,重新认识HTML的标签元素和CSS样式属性,加深印象! HTML 的标签元素: HTML 元素 a | 标明超链接的起始或目的位置。 | acronym | 标明缩写词。 | address | 特定信息,如地址、签名、作者、此文档的原创者。 | applet | 在页面上放置可执行内容。 | area | 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。 | b | 指定文本应以粗体渲染。 | base | 指定一个显示 URL 用于解析对于外部源的链接和引用,如图像和样式表。 | baseFont | 设置渲染文本时作为缺省字体的基础字体值。 | bdo | 允许作者为选定文本片断禁用双向法则。 | bgSound | 允许页面带有背景声音或创建音轨。 | big | 指定内含文本要以比当前字体稍大的字体显示。 | blockQuote | 设置文本中的一段引语。 | body | 指定文档主体的开始和结束。 | br | 插入一个换行符。 | button | 指定其中所含的 HTML 要被渲染为一个按钮。 | caption | 指定表格的简要描述。 | center | 将后面的文本和图像居中显示。 | cite | 用斜体显示标明引言。 | code | 指定代码范例。 | col | 指定基于列的表格缺省属性。 | colGroup | 指定表格中一列或一组列的缺省属性。 | comment | 标明不可见的注释。 | custom | 代表了一个用户自定义元素。 | dataTransfer | 提供了对于预定义的剪贴板格式的访问,以便在拖曳操作中使用。 | dd | 在定义列表中表明定义。定义通常在定义列表中缩进。 | del | 表明文本已经从文档中删除。 | dfn | 表明术语的定义实例。 | dir | 引起目录列表。 | div | 指定渲染 HTML 的容器。 | dl | 引起定义列表。 | dt | 在定义列表中表明定义术语。 | em | 强调文本,通常以斜体渲染。 | embed | 允许嵌入任何文档。 | fieldSet | 在字段集包含的文本和其它元素外面绘制一个方框。 | font | 指定用于渲染所包含文本的新字体、大小和颜色。 | form | 指定所包含控件在表单中起作用。 | frame | 在 FRAMESET 元素内指定单个框架。 | frameSet | 指定一个框架集,用于组织多个框架和嵌套框架集。 | head | 提供了关于文档的无序信息集合。 | hn | 以标题样式渲染文本。 | hr | 绘制水平线。 | html | 表明文档包含 HTML 元素。 | HTML 注释 | 避免任何内含文本或 HTML 源代码被处理并在浏览器窗口中显示。 | i | 指定文本应以斜体渲染,若可用的话。 | iframe | 创建内嵌浮动框架。 | img | 在文档中嵌入图像或视频剪辑。 | IMPORT | 从元素行为中导入标签定义。 | input | 创建各种表单输入控件。 | input type=button | 创建按钮控件。 | input type=checkbox | 创建复选框控件。 | input type=file | 创建文件上载控件,该控件带有一个文本框和一个浏览按钮。 | input type=hidden | 传输关于客户/服务器交互的状态信息。 | input type=image | 创建一个图像控件,该控件单击后将导致表单立即被提交。 | input type=password | 创建与 INPUT type=text 控件类似的单行文本输入控件,不过其中并不显示用户输入的内容。 | input type=radio | 创建单选钮控件。 | input type=reset | 创建一个按钮,该按钮单击后将重置表单控件为其缺省值。 | input type=submit | 创建一个按钮,该按钮单击后将提交表单。 | input type=text | 创建一个单行的文本输入控件。 | ins | 指定被插入到文档中的文本。 | isIndex | 使浏览器显示一个对话框,提示用户输入单行文本。 | kbd | 以固定字体渲染文本。 | label | 为页面上的其它元素指定标签。 | legend | 在 fieldSet 对象绘制的方框内插入一个标题。 | li | 引起列表中的一个项目。 | link | 允许当前文档和外部文档之间建立连接。 | listing | 以固定字体渲染文本。 | map | 包含客户端图像映射的坐标数据。 | marquee | 创建一个滚动的文本字幕。 | menu | 创建一个项目的无序列表。 | meta | 向服务器和客户端传达关于文档的隐藏信息。 | noBR | 不换行渲染文本。 | noFrames | 包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。 | noScript | 指定要在不支持脚本的浏览器显示的 HTML。 | object | 向 HTML 页面中插入对象。 | ol | 绘制文本的编号列表。 | optGroup | 允许作者对 select 元素中的选项进行逻辑分组。 | option | 引起 SELECT 元素中的一个选项。 | p | 引起一段。 | param | 设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。 | plainText | 以固定宽度字体渲染文本,不处理标签。 | pre | 以固定宽度字体渲染文本。 | q | 分离文本中的引语。 | rt | 指明 RUBY 元素的注音文本。 | ruby | 指明要放置在文本串之上或内嵌的注解或发音指南。 | s | 以删除线字体渲染文本。 | samp | 指定代码范例。 | script | 为脚本指定由脚本引擎解释的脚本。 | select | 引起列表框或下拉框。 | small | 指定内含文本要以比当前字体稍小的字体显示。 | span | 指定内嵌文本容器。 | strike | 以删除线字体渲染文本。 | strong | 以粗体渲染文本。 | style | 指定页面的样式表。 | sub | 指定内含文本要以下标的形式显示,通常比当前字体稍小。 | sup | 指定内含文本要以上标的形式显示,通常比当前字体稍小。 | table | 指定所含内容要组织成行列的表格。 | tBody | 指明行作为表格主体。 | td | 指定表格中的单元格。 | textArea | 指定多行文本输入控件。 | tFoot | 指明行作为表尾。 | th | 指定标题列。标题列将在单元格中居中并以粗体显示。 | tHead | 指明行作为表头。 | title | 包含文档的标题。 | tr | 指定表格中的一行。 | tt | 以固定宽度字体渲染文本。 | u | 带下划线渲染文本。 | ul | 绘制文本的项目符号列表。 | var | 定义编程变量。通常以斜体渲染。 | wbr | 向一块 NOBR 文本中插入软换行。 | xml | 在 HTML 页面上定义一个 XML 数据岛。 | xmp | 以固定宽度字体渲染作为示例的字体。 |
CSS属性表 这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于 Microsoft? Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用。如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布,则标有“已提交”。若某个标签属性或属性既未提交给 W3C 也不是标准,将标有“扩展”。 CSS 标签属性/属性 行为属性 | behavior(已提交)* | 字体和文本属性 | direction* | | direction | | font | | font-family | | font-size | | font-style | | font-variant | | font-weight | | ime-mode(已提交)* | | layout-grid(已提交)* | | layout-grid-char(已提交)* | | layout-grid-line(已提交)* | | layout-grid-mode(已提交)* | | layout-grid-type(已提交)* | | letter-spacing | | line-break(已提交)* | | line-height | | min-height ++ | | ruby-align(已提交)* | | ruby-overhang(已提交)* | | ruby-position(已提交)* | | text-align | | text-autospace(已提交)* | | text-decoration | | text-indent | | text-justify(已提交)* | | text-kashida-space(已提交)** | | text-overflow ++ | | text-transform | | text-underline-position(扩展)** | | unicode-bidi | | vertical-align | | white-space** | | word-break(已提交)* | | word-spacing ++(于 Macintosh 版本 4.0 中可用) | | word-wrap(扩展)** | | writing-mode(已提交)** | 颜色和背景属性 | background-attachment | | background-color | | background-image | | background-position | | background-position-x(已提交) | | background-position-y(已提交) | | background-repeat | | color | 版面属性 | border | | border-bottom | | border-bottom-color | | border-bottom-style | | border-bottom-width | | border-collapse* | | border-color | | border-left | | border-left-color | | border-left-style | | border-left-width | | border-right | | border-right-color | | border-right-style | | border-right-width | | border-style | | border-top | | border-top-color | | border-top-style | | border-top-width | | border-width | | clear | | float | | layout-flow(扩展) | | margin | | margin-bottom | | margin-left | | margin-right | | margin-top | | padding | | padding-bottom | | padding-left | | padding-right | | padding-top | | scrollbar-3dlight-color(扩展)** | | scrollbar-arrow-color(扩展)** | | scrollbar-base-color(扩展)** | | scrollbar-darkshadow-color(扩展)** | | scrollbar-face-color(扩展)** | | scrollbar-highlight-color(扩展)** | | scrollbar-shadow-color(扩展)** | | table-layout* | | zoom(扩展)** | 分类属性 | display | | list-style | | list-style-image | | list-style-position | | list-style-type | 定位属性 | bottom* | | clip | | height | | left | | overflow | | overflow-x(已提交) | | overflow-y(已提交) | | position | | right* | | top | | visibility | | width | | z-index | 打印属性 | page** | | pageBreakAfter | | pageBreakBefore | 滤镜属性 | filter(已提交) | 伪类和其它属性 | :active | | @charset | | cursor | | :first-letter** | | :first-line** | | @font-face | | :hover | | @import | | !important | | :link | | @media* | | @page** | | :visited |
CSS 长度单位表格 相对长度单位 | | em | 元素字体的高度。 | ex | 字母“x”的高度。 | px | 像素。 | % | 百分比 | 绝对长度单位 | | in | 英寸(1 英寸 = 2.54 厘米)。 | cm | 厘米。 | mm | 毫米。 | pt | 磅(1 磅 = 1/72 英寸)。 | pc | 皮卡(1 皮卡 = 12 磅)。 |
福利: 配上学习线路图:
|