CSS样式问题

html-css09

CSS样式问题,第1张

这些都是html标签啊，我来帮你科普一下HTML中各个标签的意义：

<!--...--> 定义注释。

<!DOCTYPE>定义文档类型。

<a> 定义锚。

<abbr> 定义缩写。

<acronym> 定义只取首字母的缩写。

<address> 定义文档作者或拥有者的联系信息。

<applet> 不赞成使用。定义嵌入的 applet。

<area> 定义图像映射内部的区域。

<article> 定义文章。

<aside> 定义页面内容之外的内容。

<audio> 定义声音内容。

<b> 定义粗体字。

<base> 定义页面中所有链接的默认地址或默认目标。

<basefont> 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi> 定义文本的文本方向，使其脱离其周围文本的方向设置。

<bdo> 定义文字方向。

<big> 定义大号文本。

<blockquote> 定义长的引用。

<body> 定义文档的主体。

<br> 定义简单的折行。

<button> 定义按钮 (push button)。

<canvas> 定义图形。

<caption> 定义表格标题。

<center> 不赞成使用。定义居中文本。

<cite> 定义引用(citation)。

<code> 定义计算机代码文本。

<col> 定义表格中一个或多个列的属性值。

<colgroup> 定义表格中供格式化的列组。

<command> 定义命令按钮。

<datalist> 定义下拉列表。

<dd> 定义定义列表中项目的描述。

<del> 定义被删除文本。

<details> 定义元素的细节。

<dir> 不赞成使用。定义目录列表。

<div> 定义文档中的节。

<dfn> 定义定义项目。

<dialog> 定义对话框或窗口。

<dl> 定义定义列表。

<dt> 定义定义列表中的项目。

<em> 定义强调文本。

<embed> 定义外部交互内容或插件。

<fieldset> 定义围绕表单中元素的边框。

<figcaption> 定义 figure 元素的标题。

<figure> 定义媒介内容的分组，以及它们的标题。

<font> 不赞成使用。定义文字的字体、尺寸和颜色。

<footer> 定义 section 或 page 的页脚。

<form> 定义供用户输入的 HTML 表单。

<frame> 定义框架集的窗口或框架。

<frameset> 定义框架集。

<h1>to <h6> 定义 HTML 标题。

<head> 定义关于文档的信息。

<header> 定义 section 或 page 的页眉。

<hr> 定义水平线。

<html> 定义 HTML 文档。

<i> 定义斜体字。

<iframe> 定义内联框架。

<img> 定义图像。

<input> 定义输入控件。

<ins> 定义被插入文本。

<isindex> 不赞成使用。定义与文档相关的可搜索索引。

<kbd> 定义键盘文本。

<keygen> 定义生成密钥。

<label> 定义 input 元素的标注。

<legend> 定义 fieldset 元素的标题。

<li> 定义列表的项目。

<link> 定义文档与外部资源的关系。

<map> 定义图像映射。

<mark> 定义有记号的文本。

<menu> 不赞成使用。定义菜单列表。

<meta> 定义关于 HTML 文档的元信息。

<meter> 定义预定义范围内的度量。

<nav> 定义导航链接。

<noframes> 定义针对不支持框架的用户的替代内容。

<noscript> 定义针对不支持客户端脚本的用户的替代内容。

<object> 定义内嵌对象。

<ol> 定义有序列表。

<optgroup> 定义选择列表中相关选项的组合。

<option> 定义选择列表中的选项。

<output> 定义输出的一些类型。

<p> 定义段落。

<param> 定义对象的参数。

<pre> 定义预格式文本。

<progress> 定义任何类型的任务的进度。

<q> 定义短的引用。

<rp> 定义若浏览器不支持 ruby 元素显示的内容。

<rt> 定义 ruby 注释的解释。

<ruby> 定义 ruby 注释。

<s> 不赞成使用。定义加删除线的文本。

<samp> 定义计算机代码样本。

<script> 定义客户端脚本。

<section> 定义 section。

<select> 定义选择列表（下拉列表）。

<small> 定义小号文本。

<source> 定义媒介源。

<span> 定义文档中的节。

<strike> 不赞成使用。定义加删除线文本。

<strong> 定义强调文本。

<style> 定义文档的样式信息。

<sub> 定义下标文本。

<summary> 为 <details>元素定义可见的标题。

<sup> 定义上标文本。

<table> 定义表格。

<tbody> 定义表格中的主体内容。

<td> 定义表格中的单元。

<textarea> 定义多行的文本输入控件。

<tfoot> 定义表格中的表注内容（脚注）。

<th> 定义表格中的表头单元格。

<thead> 定义表格中的表头内容。

<time> 定义日期/时间。

<title> 定义文档的标题。

<tr> 定义表格中的行。

<track> 定义用在媒体播放器中的文本轨道。

<tt> 定义打字机文本。

<u> 不赞成使用。定义下划线文本。

<ul> 定义无序列表。

<var> 定义文本的变量部分。

<video> 定义视频。

<wbr> 定义视频。

<xmp> 不赞成使用。定义预格式文本。

以上内容来自http://www.w3school.com.cn/tags/index.asp

h5是html的最新版本，是14年由w3c完成标准制定。增强了，浏览器的原生功能，减少浏览器插件（eg：flash）的应用，提高用户体验满意度，让开发更加方便。

- h5新增的标签

新增元素

说明

video    表示一段视频并提供播放的用户界面  

audio    表示音频  

canvas    表示位图区域  

source    为video和audio提供数据源  

track    为video和audio指定字母  

svg    定义矢量图  

code    代码段  

figure    和文档有关的图例  

figcaption    图例的说明  

main  

time    日期和时间值  

mark    高亮的引用文字  

datalist    提供给其他控件的预定义选项  

keygen    秘钥对生成器控件  

output    计算值  

progress    进度条  

menu    菜单  

embed    嵌入的外部资源  

menuitem    用户可点击的菜单项  

menu    菜单  

template  

section  

nav  

aside  

article  

footer  

header  

- css3

css3被划分为模块，最重要的几个模块包括：选择器、框模型、背景和边框、文本效果、2D/3D 转换、动画、多列布局、用户界面

选择器

框模型

背景和边框

border-radius、box-shadow、border-image、

background-size：规定背景图片的尺寸

background-origin：规定背景图片的定位区域

background-clip：规定背景的绘制区域

文本效果（常用）

text-shadow：设置文字阴影

word-wrap：强制换行

word-break

css3提出@font-face规则，规则中定义了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3D转换

transform：向元素应用2/3D转换

transition：过渡

动画

@keyframes规则：

animation、animation-name、animation-duration等

用户界面（常用）

box-sizing、resize

css3新增伪类

：nth-child()

：nth-last-child()

：only-child

：last-child

：nth-of-type()

：only-of-type()

：empty

：target  这个伪类允许我们选择基于URL的元素，如果这个元素有一个识别器（比如跟着一个#），那么:target会对使用这个ID识别器的元素增加样式。

：enabled  

：disabled

：checked

：not