CSS样式--基础内容速查||HTML

边框和边距

margin: #设置边距
padding:#填充
border-style: #设置边框 {dotted 点, groove 沟槽 ,dashed短划线,double双线,ridge垄状,outset外凸,mix混合，inset嵌入}
border-collapse:collapse; #边框折叠 样子更紧凑

背景

background:颜色 url(图片地址) no-repeat top left #设置不重复 位置在顶部左边
background-image: url('文件路径or图片地址'); #设置背景图片
background-attachment: fixed; #固定背景
background-repeat: repeat-x; #水平方向重复图像 不重复则是no-repeat

文字和文本

font-family:#字体样式
width:#宽度
text-align:#文字位置
font-size:#字体大小
vertical-align 文本垂直对齐
caption-side:bottom; #文字出现的位置(底部)
text-indent:#文本缩进（无需换行||自动换行）
text-transform:#文本字母大小写表现形式{全部大写uppercase;全部小写lowercase;首字母大写capitalize}
vertical-align：#文字和图像对齐方式
white-space: nowrap; #禁用文字换行
word-spacing:;#单词间空格大小
line-height:;#行间距
letter-spacing:#文字间距
text-decoration#文字装饰{overline 上划线,line-through中划线,underline下划线}

定位

position:fixed; #固定位置
position:relative;left:-20px; #相对位置 靠左相对20像素点
position:absolute;left:100px;top:150px #绝对位置
z-index:-1; #重叠 一般用于图像和文字
clip:rect(0px,60px,200px,0px) #用于对图像的裁剪

滚动条

overflow: scroll #设置横竖滑动条
overflow: hidden;#隐藏滚动条
overflow: auto;#自动设置
overflow: visible;#超出的内容会显示

鼠标指针变化

cursor:#{auto，crosshair，default，e-resize，help，move，n-resize，nw-resize，pointer，progress，s-resize，
       se-resize，sw-resize，text,w-resize,wait}

浮动属性

float：#图片/文字 浮动在什么方向
clear:both; #搭配使用

链接

a:visited {}
a:hover {} #鼠标移动到链接后表现形式
a:active{color: blue;}#鼠标点击后表现形式
text-decoration:none; #隐藏链接下划线
text-decoration:underline;#显示下划线

列表

list-style-type:{circle;:disc;square;armenian;cjk-ideographic;decimal;decimal-leading-zero;
        georgian;hebrew;hiragana;hiragana-iroha;katakana;katakana-iroha;lower-alpha;
        lower-greek;lower-latin;lower-roman;upper-alpha;upper-latin;upper-roman;inherit;}#列表样式
list-style-image: url('地址')#列表项标记的图像

轮廓

outline-style:{}#设置轮廓{dotted 点, groove 沟槽 ,dashed短划线,double双线,ridge垄状,outset外凸,mix混合，inset嵌入}