编辑网页文本

<span>标签：<span></span>一行或一段文本的几个文字或某个词语突显，并不会换行。

字体属性及含义：

Font-family:设置字体类型，如将字体设定为“楷体”，“隶书”等，可声明一种以上字体。

Font-size:设置字体大小，一般单位使用px(像素)。

Font-style:设置字体风格，属性值有:normal,italic,oblique。其中italic是斜体，oblique 选择标记为“斜”的字体（常规面的倾斜版本）。如果没有斜体或斜体字体 可用，浏览器将倾斜字体的正常版本以生成斜体近似值。

font-weight:设置字体粗细

Normal:定义标准字体

Bold:粗体字体

Bolder:更粗的字体

Lighter:更细的字体

Color:字体颜色，RGB(十六进制表示的三原色模式)，RGBA(RGB基础上添加透明度)

Text-align:文本水平对齐方式，center居中对齐，left左对齐，right右对齐,只对块 属性标签起作用。

Text-indent:首行文本缩进，em表示缩进字符，适合中文排版

Line-height:行高

Text-decoration:设置文本装饰，underline下划线，overline上划线， line-through删除线

Vertical-align:文本垂直对齐方式

Text-shadow:color x-offset(x轴位移) y-offset(y轴位移) blur-radius(模糊半径)

文本阴影效果，其中x-offset，y-offset用于设定阴影的偏移，单位px。

注：在DIV中设置字体对齐方式时，要注意行高列宽要与盒子相一致

超链接样式：

a:伪类名{声明内容}

a:link:单击访问前的超链接样式

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

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

a:active:单击未释放的超链接样式

注：声明顺序不能乱序，必须按照顺序来。

Curvor属性：修改鼠标样式

cursor:url("鼠标图片路径") ,auto;

<div>标签：<div>`<div/>`定义文档中的特殊内容块。使用div元素分别设置页面部分的样式

以及动态效果。

背景属性：

background-color：背景颜色**

background-image：背景图像

Background-repeat： 背景图平铺方式

(repeat:沿水平和垂直两个方向平铺。No-repeat不平铺，背景图只显示一次。Repeat-x只沿水平方向平铺。Repeat-y只沿垂直方向平铺)

注：在CSS中设置，background-color可以设置字体、<div>、列表等网页元素背景颜色，transparent(透明)是其默认值，使用background进行背景图设置时，背景图只会显示可能显示的部分，而不会显示整个完整的背景图。

Background-position： 背景定位

Background属性：多个关于背景的属性的集合。

例：background:#C00 url(img/11.jpg) 20px 10px repeat;

Background-size： 背景尺寸：

用于修改背景图尺寸，但有局限，不能超出background 定的显示尺寸，若超出了，图片就只会显示background设定好的显示尺寸部分。

Cover值用于将背景图放大填满整个<div>。

Contain值用于将背景图按比例缩放至背景显示区域大小。

CSS3渐变

IE浏览器是Trident内核，写样式兼容时要加前缀：-ms-

Firefox浏览器是Mozilla内核，写样式兼容时要加前缀：-moz-

Chrome浏览器是Webkit内核，写样式兼容时要加前缀：-webkit-

Opera浏览器是Blink内核，写样式兼容时要加前缀：-o-

Safari浏览器是Webkit内核，写样式兼容时要加前缀：-webkit-

语法：background:前缀linear-gradient(position,color1,color2,...) //径向渐变

Position值如下：

To bottom:第一种颜色向第二种颜色渐变是从顶部到底部。

To left:第一种颜色向第二种颜色渐变是从右边到左边。

To right:第一种颜色向第二种颜色渐变是从左边到右边。

To top left:第一种颜色向第二种颜色渐变是从右下方到左上方。

To top right:第一种颜色向第二种颜色渐变是从左下方到右上方。

To bottom left:第一种颜色向第二种颜色渐变是从右上方到左下方。

To bottom right:第一种颜色向第二种颜色渐变是从左上方到右下方。

background:前缀radial-gradient(position,color1,color2,...) //由点向外扩散渐变

Center：扩散中心点在盒子中间

Left：扩散中心点在盒子左边

Right：扩散中心点在盒子右边

bottom:第一种颜色向第二种颜色渐变是从顶部到底部。

left:第一种颜色向第二种颜色渐变是从右边到左边。

right:第一种颜色向第二种颜色渐变是从左边到右边。

top left:第一种颜色向第二种颜色渐变是从右下方到左上方。

top right:第一种颜色向第二种颜色渐变是从左下方到右上方。

bottom left:第一种颜色向第二种颜色渐变是从右上方到左下方。

bottom right:第一种颜色向第二种颜色渐变是从左上方到右下方。

列表

无序列表：

<ul>标签+<li>标签，默认<li>标签项前面有个实心小圆点。

有序列表：

<ol>标签+<li>标签，默认<li>标签项前面有顺序标记。

定义列表：

<dl>标签作为列表的开始

<dt>标签作为每个列表项的起始

<dd>每个列表项的定义
列表样式：

List-style-type属性

List-style属性：表示在一个声明中设置所有列表的属性。

表格（简单通用，结构稳定）

基本语法：

<table>

<tr>

<th> 1行1列标题</th>

<th> 1行2列标题</th>

...

</tr>

<tr>

<td>2行1列单元格</td>

<td>2行2列单元格</td>

...

</tr>

<table>

跨列与跨行（合并单元格）

<td colspan="所跨列数">跨列</td>

<td rowspan="所跨行数">跨行</td>

制作语义化表单

<form>标签：<fom>`</form/>`创建表单，两个重要属性action,method

Method=”post”与moethod=”set”区别：

1、post方法提交方式不会改变地址栏状态。

2、Get方法提交方会改变地址栏状态。

<input>标签：用于设定各种输入资料的方法。

Type常用属性值：

文本框text,

密码框password,

单选按钮radio,

复选框checkbox,

按钮submit(提交到action属性所指定URL,并传递表单数据),

按钮reset(输入的数据被清空),

按钮button(普通按钮，需要与事件关联使用),

列表框select标签+option标签(selected是默认值属性)

多行文本域 <textarea>标签

文件域file:用于文件上传，如选择需要上传的文本、图片等

邮箱email:用于专门输入Email地址的文本框，并会自动验证email文本框的值

网址url:用于提供输入URL地址的特殊文本框，并会自动检查是否符合URL地址格式

数字number:用于输入数字的文本框。

滑块range：提供用于输入一定范围内的数字值的文本框，网页中显示为滑动条

搜索框seach：提供用于输入搜索关键词的文本框

Label标签的使用：

CSS3高级选择器

层次选择器：

结构伪类选择器：

属性选择器：