css属性大全

 1.文字样式

    font-size 文字大小

    font-family "黑体" 字体

    font-style:italic; 文字倾斜

    font-weight:bold; 加粗 ; 文本加粗

    font-variant:small-caps; 小型的大写字母

    2.文本样式

    color文本颜色

    text-shadow:2px 5px 2px gray;文本阴影

    属性值:水平线上的唯一，竖直方向上的位置，模糊度，颜色;

    text-decoration:line-through under-line;文本样式加线

    text-transform:capitalize; 英语单词首字母大写

    text-indent:2em;段落缩进几个单位

    text-align:center;文本水平对齐方式  左  右  中间

    line-height:xxpx;文本竖直方向居中，数值为盒子高度

3.背景样式

    background-color:pink;  背景颜色

    background-image:url();背景图照片   背景图片不重复no-repeat

    background-size:cover;背景尺寸  

    cover占满整个容器，contain/100%照片完全显示出来

    background-position:center;背景定位，

    属性两个，另一个只写一个默认中间  如:left top;

    background-attachemt:fixed;  背景固定，

    表示某个图片或，，在页面不会随着上下移动而移动

    background-clip:boder-box;默认背景位置从边框线开始

                    padding;默认位置从内边距开始

                    centent-box;默认位置从内容开始

4.边框样式

    boder-width:100px;边框的线宽，粗细

    boder-style:solid;线的样式，还有很多等等

    boder-color:red;边框的颜色

    boder:线宽，样式，颜色。综合写法

    boder-radius:50%;边框的圆角。

    box-shadow:2px 2px 2px pink;水平位移 垂直位移 模糊度 颜色。盒子阴影

    四个属性的如边框颜色boder-color:red gray pink blue 遵循上右下左顺序

    上下   左右

    上  左右   下

    上   右   下   左

    透明色transparent