css样式

1.文字样式

font-size 文字字号

font-famliy文字字体

font-style: italic;文字倾斜

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

font-weight: bodl;文字加粗

@font-face 引入外部字体样式 艺术字 供选择器选择

2文本样式

color是文本色

text-shadow x x x color 文本阴影

4个属性值 水平方向上的位置 竖直方向上的位置 模糊度 颜色

text-decoration 文本装饰 加线c

    text-decoration underline下划线 line-through删除线 none没有线-->

    text-transform: capitalize首字母大写

                       

text-indent: x;文本缩进x

text-align文本水平位置对齐方式 left左 right右 center中间

line-height 竖直方向上居中

3背景样式

background-color 设置背景颜色

background-size 背景尺寸 cover占满整个容器 contain/100% 照片完全显示出来

background--repeat no repeat照片不重复  repeat x x轴重复 repeat y  y周重复

background-positioon 背景定位 center top left right四个属性值可以两两使用 属性值有两个 只写一个的情况下另一个默认是中间

background-attachment: fixed; 背景固定

background-image 背景照片

background-clip border-box 裁剪  background-origin 填充

                默认背景位置从边框线开始

                content-box 默认背景位置从内容开始

                padding-box 默认北极从内填充开始

-moz-background-clip 浏览器前缀

 

 边框样式

 border-width 边框线宽

 border-style: solid; 边框线样式

 border-color 样式

 border: 线宽

 border-radius 设置圆角

 box-shadow 水平阴影 竖直位移 模糊度 颜色

border-color style综合属性

上下左右

上下 左右

上 左右 下

上 右 下 左