Web前端（CSS）（一直要修改版）

前言

在html中如何嵌入css样式

内敛定义、定义内部样式块对象、链入外部样式表文件

关于选择器的优先级

标签选择器 < 类选择器 < id选择器

隐藏的样式

display

display:none 隐藏
display:block 显现

文本装饰样式

text-decoration

none:默认无装饰
blink：闪烁
underline：下划线
line-through：贯穿线
overline：上划线

列表样式

列表前标识

list-style-type

none 无样式
circle 圆点
…

ul{
   list-style-type：
}

设置鼠标悬停效果

:hover

hover在使用的时候，冒号两边都不允许有空格

eg：给p标签设置悬停效果

p:hover{
           color: red;
        }

<p>这是p标签</p>

内边距和外边距

内边距 padding
外边距 margin

布局 float 浮动效果

float:left 左边浮动
float:right 右边浮动

定位样式 position

（待补充）

光标样式

cursor

更多详情百度一下

cursor:pointer 光标变成小手
cursor:crosshair 光标呈现为十字线
cursor:wait 此光标指示程序正忙（通常是一只表或沙漏）