css基本属性

CSS属性

属性值单位：
字体样式：
字体大小font-size属性

字体样式font-style属性
属性值：
normal：不使用斜体
italic:使用斜体显示文字
oblique：使用倾斜字体显示
字体系列font-family属性
字体变体Font-variant属性
主要用于设置英文字体，实际上是设置文本字体是否为小型的大写字母
Normal属性：正常的字体
Small-caps:使用小型的大写字母字体
字体粗细font-weight属性
Normal；正常的字体
bold:标准的粗体
bolder:特粗体
lighter:细体
整数：100表示最细，400等价于normal，700等价于bold

文本样式

字符间距letter-spacing属性
设置字符与字符之间的距离 px
Word-spacing：主要针对英文单词
Letter-spacing：中英文字符串均起作用
行距line-height属性
行与行之间的距离 em
Normal
Length:百分比，数字
首行缩进text-indent属性
首行缩进2，text-indent:2em；
字符装饰text-decoration属性
None:文字无装饰；
Underline：文字加下划线
Line-through：文字加删除线
Overline：文字加上画线
英文大小写转换text-tranform属性
Capitalize:将每个单词的的第一个字母转化为大写，其余不转化
Uppercase：转化为大写
Lowercase转化为小写
None:不转化
水平对齐text-align属性
Left：左对齐；
Right：右对齐
Center：居中对齐
Justify：两端对齐
垂直对齐vertical-align属性
Top:把元素的顶端与行中最高元素的顶端对齐
Middle：把此元素放置在父元素的中部
Bottom：把元素的顶端与行中最低元素顶端对齐
Text-top：把元素的顶端与父元素的顶端对齐
Text-bottom：把元素的底端与父元素的底端对齐

颜色与背景：

颜色color属性
颜色名称
Rgb(r,g,b)函数：
十六进制
背景background属性
Background-color：对指定元素设置背景颜色
Background-image：url(“图像文件名称”)对指定元素设置背景图案
Background-repeat：在背景图案小于指定元素的情况下，是否重复填充图案
属性值：
Repeat:使用背景图像完全填充元素大小的空间
Repeat-x：使用背景图像在水平方向从左到右填充元素大小的空间
Repeat-y：使用背景图像在垂直方向从上到下填充元素的大小的空间
No-repeat：不使用背景图像重复填充元素
Background-attachment：用于指定设置的背景图案在元素滚动时是否一起滚动
属性值：
Scroll：表示在文字页面滚动时，背景附件一起滚动
Fixed：表示在文字页面滚动时，背景附近固定不滚动
Background-position：参数1参数2，用于指定背景图案的起始位置
属性值：
Left|center|right : 表示水平方向居左，居中，居右三个不同的位置

Top|center|bottom：表示垂直方向顶部，中部，底部三个不同的位置。如果仅规定了一个值，另一个值就是center。
X% y% :x% 表示水平位置，y%表示垂直位置，左上角是0%，0%，如果仅规定了一个值，另一个值将是50%。
Xpos ypos: xops表示水平位置，ypos表示垂直位置。左上角是 0 0，如果仅规定了一个值，另一个值就是50%。

CSS列表样式

List-style-type：属性值；//设置列表类型，共9种；
属性值：
disc:实心圆
circle：空心圆
square：实心方块
decimal：阿拉伯数字123……
lower-roman：小写罗马数字
upper-roman：大写罗马数字
lower-alpha：小写英文字母
upper-alpha：大写英文字母
none:不使用项目符号
List-style-image：url(“图像文件名称”) //设置列表替代图像
List-style-position：outside|inside； //设置图像位置
属性值：
Outside：默认值，将标志放在文本之外，而且任何换行文本在标志下均不对齐
inside:将标志放在文本之内，而且任何换行文本在标志下均对齐
CSS盒模型
边界margin属性设置
也称外边距,表示盒子边框与页面边界或其他盒子之间的距离，属性值为长度值，百分数或auto，属性设置的效果是围绕元素边框的“空白”
margin：10px 10px 20px 30px;//设置上，右，下，左边界
margin：10px; //四个边界均为10px
边框border属性设置border-style：
用于设置边框的宽度，样式以及颜色。
属性值：
none：定义无边框
hidden：与none相同，应用于表时例外，用于解决边框冲突。
Dotted：定义点状边框
Dashed：定义虚线
Solid：定义实线
Double:定义双线
Groove:定义3D凹槽边框
Ridge：定义山脊状边框。
Inset:定义使页面沉入感边框
Outset：定义使页面浮入感边框
也可以设置单边样式属性，具有四个单边边框样式属性：
border-top-style：样式值；
border-right-style：样式值；
border-bottom-style：样式值；
border-left-style：样式值；
边框宽度border-width属性
属性值：
medium：默认宽度
thin：小于默认宽度
thick：大于默认宽度
length：
边框颜色border-color属性
填充属性padding设置
也称内边界，表示元素内容与边框之间的距离
padding：长度|百分比
padding-top：
padding-right：
padding-bottom：
padding-left：