HTML5和CSS3基础知识

1.DOCTYPE声明：用来约束HTML文档，检验是否符合相关Web标准，同时告诉浏览器，使用那种约束来解释这个文档中的代码，DOCTYPE声明必须位于HTML文档的第一行。

2.title标签：用于描述网页的标题，类似于一篇文章的标题。<title>标题内容</title>

3.<meta>标签：用于描述网页摘要的信息，包括文档内容结构、字符编码信息、搜索关键字网站提供的功能和服务的详细描述。

charset:属性表示字体集编码，常见的编码有以下几种：

gb2312:简体中文，一般用于包含中文和英文页面。

ISO-885901:纯英文，一般用于只包含英文的页面。

big5:繁体中文，一般用于带有繁体字的页面。

UTF-8:国际通用的字符编码，同样适用于包含中文和英文页面

4.标题标签：h1 h2 h3 h4 h5 h6

5.段落标签：<p>内容文字</p>

6.换行标签：<br/>单标签

7.水平线标签：<hr/>

8.<strong>和<em>标签：加粗<strong></strong>或<b></b>  斜体<em></em>或<i></i>

9.特殊符号：空格:&nbsp;  大于号:&gt; 小于号:&lt; 引号:&quot; 版权符号:7copy;

10.img标签：<img src="图片路径" alt="图片的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度"> 其中src属性表示图片的路径，包括绝对路径和相对路径。

绝对路径:指向目标地址的完整路径描述<img src=http://www.sohu.com/index.html/file/sohu.png>

相对路径：相对于当前页面的路径，通常用于指向本站点的文件<img src="img/sohu.png">

11.a标签：<a href="链接地址" target="目标窗口位置" >连接文本或图像</a>

href:链接地址的路径

target：指定连接在哪个窗口打开，_self自身窗口，_blank新建窗口

锚链接:在页面乙的位置设置标记，<a name="market">目标乙的位置</a> name属性用于规定锚的名称，market为标记名。

12.CSS3基本语法结构：有俩部分构成，即选择器和声明，声明必须放在一对{}中，可以是一条或多条，每条声明有属性和值组成，属性和值之间用冒号分开，每条声明以英文分号结尾。

13.CSS基本选择器：标签选择器、类选择器、id选择器

                                优先级：id选择器>类选择器>标签选择器

层次选择器：

选择器          类型                                             功能描述

E F      后代选择器        选择匹配的F元素，且匹配的F元素被包含在匹配元素的E元素内

E>F      子选择器           选择匹配的F元素，且匹配的F元素是匹配的E元素的子元素

E+F  相邻兄弟选择器    选择匹配的F元素，且匹配的F元素紧跟于匹配的E元素后面

E~F  通用兄弟选择器    选择位于匹配的E元素后的所有匹配的F元素

14.字体属性

属性名                         含义                                                举例

font-family             设置字体类型                                font-family:"隶书";

font-size                设置字体大小                                font-size:12px;

font-style               设置字体风格                                font-style:italic;

font-weight            设置字体粗细                                font-weight:bold;

font                 在一个声明中设置所有字体属性          font:italic bold 12px "隶书";

15.文本样式

属性                                     含义                                      举例

color                              设置文本颜色                        color:#ooC;

text-align                      设置元素水平居中                   text-align:center;

text-indent                    设置首行文本的缩进               text-indent：2em;

line-height                     设置文本的行高                     line-height:25px;

text-decoration               设置文本的装饰                    text-decoration:underline;

16.超链接伪类

伪类名称                          含义

a:link                           未单机访问的超链接样式

a:visited                      单机访问后的超链接样式

a:hover                       鼠标悬浮其上的超链接样式

a:active                      鼠标单机未释放的超链接样式

17.列表样式

值                          说明                                      语法示例

none               无标记符号                             list-style:none;

disc              实心圆，默认类型                     list-style:disc;

circle                空心圆                                   list-style:circle;

square          实心正方形                               list-style:squarel;

decimal             数字                                      list-style:decimal;

18.背景样式

背景颜色：background-color:red;

背景图像：background-image:url(图片路径)

背景重复方式：background-repeat:no-repeat;

                        no-repeat:不平铺，即背景图像只显示一次

                        repeat:延水平和垂直两个方向平铺

                        repeat-x：只沿水平方向平铺

                        repeat-y：只沿垂直方向平铺

背景定位：background-position:center;

background:red url(图片路径) 200px 20px no-repeat;

19.列表

无序列表(ul)：是一个项目列表，其中的项目使用粗体圆点进行标记

有序列表(ol):是一个项目列表，其中的项目使用数字进行标记

定义列表(dl):不仅仅是一列项目，而且是项目和注释的组合

20.表格

用table来表示 设置边框：border="1"  行tr 列 td  跨列colspan  跨行 rowspan

21.表单

form标签：action指示服务器上处理表单输出的程序

                   method告诉浏览器如何将数据发送给服务器，指定向服务器发送数据的方法，有get                       和 post

input元素属性

属性                                                             说明

type            指定表单元素的类型，有text、password、checkbox、radio、submit、reset、file、                       hidden、image和button.默认为text.

name          指定表单元素的名称  有username、phone

value           可选属性，指定表单元素的初始值，如果type为radio，则必须指定一个值

size              指定表单元素的初始宽度，如果type为text或password，则表单元素的宽度以字符为                      单位，对于其他输入类型，宽度以像素为单位。

maxlength    用于指定可在text或password元素中输入的最大字符数

checked        指定按钮是否被选中，当输入类型为radio或checkbox时，会用到这个属性