CSS透明度属性
CSS提供opacity属性改变元素的透明度
属性值 | 描述 |
value | 设置透明度(0~1之间) |
inherit | 继承父级的属性值 |
CSS内边距属性
CSS提供padding属性改变元素内边距
可通过padding-方向,改变单边的内边距
属性值 | 描述 |
length | n像素 |
% | 定义以父级宽度的百分之几为值 |
inherit | 继承父级的属性值 |
CSS外边距属性
CSS提供margin属性改变元素的内边距
除增加auto值(基于父级水平居中)外,属性值与padding相同
CSS尺寸属性
height
作用:设置元素的高度
属性值 | 描述 |
auto | 根据内容计算实际高度 |
length | n像素 |
% | 包含它的块级标签的百分之几 |
inherit | 继承父级的属性值 |
max-height:定义元素最大高度
min-height:定义元素最下高度
width
作用:设置元素宽度
属性值与height相同
CSS字体属性
CSS提供font属性改变字体
语法:font:font-style font-variant font-weight font-size line-height font-family
font-style
作用:设置字体样式
属性值 | 描述 |
normal | 默认值,浏览器显示一个标准的字体样式 |
italic | 浏览器显示一个斜体的字体样式 |
oblique | 浏览器显示一个倾斜的字体样式 |
inherit | 继承父级的属性值 |
font-variant
作用:把字体设置为小型大写字母字体
属性值 | 描述 |
normal | 默认值,显示一个标准字体 |
small-caps | 显示小型大写字母的字体 |
inherit | 继承父级的属性值 |
font-weight
作用:设置字体的粗细
属性值 | 描述 |
normal | 默认值,定义标准字符 |
bold | 定义粗体字符 |
bolder | 定义更粗的字符 |
lighter | 定义更细的字符 |
100-900(取整百) | 数字越大字体越大,400等于normal |
inherit | 继承父级的属性值 |
font-size
作用:设置字体的大小
属性值 | 描述 |
| 默认值:medium |
samller | 设置比父级更小的字体 |
larger | 设置比父级更大的字体 |
length(10px) | 设置一个固定的字体大小 |
% | 设置基于父级的百分之几的字体大小 |
inherit | 继承父级的属性值 |
line-height
作用:设置字体的行高
属性值 | 描述 |
normal | 默认值,设置合理的行间距 |
number | 设置数字,此数字与当前字体尺寸相乘为行高 |
length(10px) | 设置固定的行间距 |
% | 基于当前字体尺寸的百分之几的行间距 |
inherit | 继承父级的属性值 |
font-family
作用:指定字体
font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。