CSS基础小仓库

为段首设置两个汉字的缩进：    p{text-indent:2em;}    /*2em的意思就是文字的两倍大小*/

中文字间距，英文字母间距：   p{letter-spacing:50px;}

英文单词间距:     p{word-spacing:20px;}

图片水平居中：   text-align:center;

常用的块级元素：div 、 p 、h1 — h6  、ol  、ul  、dl  、table  、address 、blockquote  、form 

常用的内联元素：  a、 span 、 br 、  i、 em 、 strong 、  lable、  q、  var、 cite 、 code 

内联块状元素：img、  input

将块级元素转换为内联元素：   {display:inline;}

将元素设置为内联块状元素：   {display:inline-block;}

边框样式   border-style：dashed(虚线)    dotted（点线）    solid(实线)

CSS三种基本的布局模型：Flow（流动模型）、Float(浮动模型)、Layer（层模型）

浮动模型，两个div横向并排显示：向左浮动：{float:left;}

                                                       向右浮动：{float:right;}

                                                       一左一右浮动：#div1{float:left;}

                                                                                #div2{float:right;}

层模型的三种形式：

1.绝对定位  position：absolute

2.相对定位position：relative

3.固定定位position：fixed

布局定位问题：position：absolute/relative; 

两者可以结合使用，第一个盒子用relative，第二个盒子用absolute，则第二个盒子会以第一个盒子为基准设置其位置top、right等。