css样式

css样式

通用样式
margin//外边距

padding//内边距

display//隐藏显示

FONT-字体样式

font-family//字体类型,多个字体逗号隔开,名称有空格的需要引号括起;

font-size//字号,设置文字大小通常值为数字加单位;

font-style//字体风格,取值normal默认值|italic斜体|oblique倾斜|inherit从父元

素继承;

font-weight//字体加粗,取值有100-900|bold|bolder|lighte|normal,可根据需要取

值;

font-variant//小写转大写取值normal|small-caps小型大写字母|inherit继承父级取

值;

font-size-adjust//保持字体尺寸,取值默认值|number指定需要保持的尺寸数字

color//字体颜色


css样式

文本样式

text-shadow//文本阴影,取值有四个分别是水平位移,垂直位移,模糊半径,颜色值

,后两个是可选值前两个可以为数值正负值,第三个值不能为负数。

text-overflow//文本溢出,取值clip不显示省略号|ellipsis显示省略号,显示省略号

需要white-space:nowrap和overflow:hidden配合。

word-wrap//文本换行,取值normal不换行|break-word换行

text-decoration//文本修饰取值none|underline下划线|overline上划线|line-

through删除线|blink闪烁;

text-transform//文本转换,取值none|capitalize单词第一个字母大写|uppercase大

写|lowercase小写;

text-align//水平对齐,取值start|end|left|rigth|center|justify

text-indent//文本缩进,取值数值;

word-spacing//单词间隔,取值normal|length正负值;

letter-spacing//字符间隔,取值normal|length正负值;

vertical-align//垂直对齐,取值baseline默认|sub下标|super上标|Top顶端与行中最

高顶端对齐|middle居中对齐|bottom顶端与行中最低顶端对齐|text-top顶端与父元素

字体顶端对齐|text-bottom底端与父元素字体底端对齐|length的堆叠顺序

line-height//行高,取值数值;

direction//文本的方向/书写方向取值,ltr文本方向从左到右|rtl文本方向从右到左



background-背景样式

background-color//背景颜色

background-image//背景图像

background-repeat//背景图像是否及如何重复

background-attachment//背景图像是否固定或者随着页面的其余部分滚动

background-position//背景图像的起始位置

background-size//规定背景图片的尺寸

background-origin//背景图片的定位区域

background-clip//背景的绘制区域

border-边框样式

border-width//边框宽度

border-color//边框颜色

border-style//边框样式

border-radius//边框圆角

border-image//边框图案


原文地址:https://www.cnblogs.com/wangshengli520/p/7851091.html