（一）web中常用的标签：
1、加粗：或者是
2、倾斜： 或者是
3、删除线:或者是
4、下划线：或者是
5、超链接标签：文本或图像
target用于指定链接页面的打开方式，其中_self为默认值，_blank为在新窗口中打开方式
（二）相对路径与绝对路径
1、相对路径：图片相对于HTML页面的位置
eg:上一级路径 …/表示
2、绝对路径：通常都是以盘符开头的
（三）css文本属性
1、text-align属性用于设置元素内文本内容的水平对齐方式（left-左对齐默认值，right-右对齐，
center-居中对齐）
2、text-decoration属性规定添加到文本的修饰，可以给文本添加下划线、删除线、上划线等
（none-默认，没有装饰线 ， underline-下划线， overline -上划线 ，line-through-删除线）
3、text-indent属性用来指定文本的第一行的缩进，通常是将段落的首行缩进。单位最好使用em、
（em是一个相对单位，就是当前元素1个文字的大小，如果当前元素没有设置大小，则会按照
父元素的1个文字大小）
4、line-height属性用于设置行间的距离（行高），可以控制文字行与行之间的距离。
（四）链接伪类选择器
1、a:link 选择所有未被访问的链接
格式 a:link{}
2、a:visited 选择所有已被访问的链接
格式 a:visited{}
3、a:hover 选择鼠标指针位于其上的链接
格式 a:hover{}
4、a:active 选择活动链接（鼠标按下还没有弹起（放开）的链接
格式 a:active{}
注意：四种伪类选择器的顺序不能改变，只能是lvha
5、：focus 伪类选择器用于选取获得焦点的表单元素
格式 input:focus{}
（五）css的元素显示模式
1、将行内元素转换成块元素：display:block;
2、将块元素转换成行内元素：display:inline;
3、转换为行内块元素：display:inline-block;
（六）工具snipaste使用
1、F1 可以截图，同时测量大小，设置箭头，书写文字等；
2、F3 在桌面置顶显示；
3、点击图片 alt 可以实现取色（shift可以切换取色模式）；
4、按下 esc 取消图片显示；
（七）css的背景
1、背景图片
background-image:none（默认的表示无背景图片）|url(图片路径)
2、背景平铺
background-repeat:repeat |no-repeat | repeat-x |repeat-y
repeat:背景图像在纵向和横向上平铺（默认的）
no-repeat:背景图不平铺
repeat-x:背景图在横向上平铺
repeat-y:背景图在纵向上平铺
3、背景图片位置
background-position: x y; 参数代表的意思是：x坐标和y坐标，可以使用方位名词或者精
确单位
length 百分数|由浮点数字和单位标识符组成的长度值
position top|center|bottom |left |right 方位名词
4、背景图像固定
background-attachment : scroll |fixed
scroll : 背景图像是随对象内容滚动
fixed ：背景图像固定
5、背景复合写法
background : transparent url(image.jpg) repeat-y fixed top;
背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置
6、背景色半透明
background : rgba( 0, 0, 0, 0.3) | rgba (0, 0, 0 , .3)
0.3：透明度，取值范围在0~1之间。
（八）边框
1、 border : border-width | border-style | border-color
border-width : 边框粗细，单位是px；
border-style : 边框样式（none——默认无 solid ——实线 dashed——虚线
dotted ——电线）；
border-color : 边框颜色
2、表格的细线边框
border-collapse : collapse （相邻边框合并在一起）;
collapse :合并的意思
3、内边距
padding ： 文字跟盒子之间的距离
padding 5px; 代表上下左右都是5像素内边距；
padding 5px 10px; 代表上下内边距是5像素，左右内边距是10像素；
padding 5px 10px 20px; 代表上内边距是5像素，左右内边距是10像素，下内边距是20
padding : 5px 10px 20px 30px;(上右下左，顺时针)
4、外边距
margin : 0 auto
外边距可以让块级盒子水平居中，但是必须满足：
a、盒子必须指定了宽度；
b、盒子左右的外边距都设置为auto;
5、圆角边框
border-radius :length;
length:可以是数值或者百分比的形式，如果是正方形想要设置为一个圆，把数值修改为高
度或者宽度的一半，或者直接写成50%
6、盒子阴影
box-shadow : h-shadow v-shadow blur spread color inset;
h-shadow : 必须，水平阴影的位置
v-shadow : 必须，垂直阴影的位置
blur : 可选，模糊距离
spread : 可选，阴影的尺寸
color : 可选，阴影的颜色
inset : 可选，将外部阴影改为内部阴影（默认的是外部阴影 outset，但是不可以写这个单词，这样会导致阴影无效
7、文字阴影
text-shadow : h-shadow v-shadow blur color;
h-shadow : 必须，水平阴影的位置
v-shadow : 必须，垂直阴影的位置
blur : 可选，模糊的距离
color : 可选，阴影的颜色
（九）定位
定位：将盒子定位在某一位置。定位=定位模式+边偏移（定位模式用于指定一个元素在文档中的定位方式，边偏移则决定了该元素的最终位置）
定位模式：position : static | relative | absolute | fixed
边偏移：top | bottom | left | right
