（一）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