CSS外观属性

CSS外观属性

color 文本颜色

line-height 行间距

text-aline水平对齐方式

text-indent 首行缩进

letter-spacing字间距

word-spacing 单词间距

word-break  自动换行

颜色半透明

color:rgba(r,g,b,a)a是透明的意思  a的取值0-1之间,4个参数,不能省略

文字阴影

text-shadow:水平位置  垂直位置  模糊位置  阴影颜色

background背景

background-color

background-image

background-repeat

background-position

background-attachment   scroll  背景图像随着对象内容滚动,fixed 背景图像固定

background:背景颜色  背景图片地址  背景平铺  背景滚动  背景位置

背景缩放background-size

参数:

a  设置长度单位px或者百分比

b  设置为cover时,会自动调整缩放比例,保证图片始终填充满背景区域,如有溢出则被隐藏,图片一定保证 宽高都同时满足盒子的大小

c  设置为contain时会自动 调整比例,保证图片始终完整显示在背景区域,宽高有一个满足盒子大小,就不再缩放了

尽量只修改一个值,防止图片扭曲失真

posted on 2019-01-11 16:20  roserose123  阅读(174)  评论(0编辑  收藏  举报

导航