CSS属性(2)

CSS透明度属性

CSS提供opacity属性改变元素的透明度

属性值描述
value设置透明度(0~1之间)
inherit继承父级的属性值

CSS内边距属性

CSS提供padding属性改变元素内边距

可通过padding-方向,改变单边的内边距

属性值描述
lengthn像素
%定义以父级宽度的百分之几为值
inherit继承父级的属性值

 CSS外边距属性

CSS提供margin属性改变元素的内边距

除增加auto值(基于父级水平居中)外,属性值与padding相同

CSS尺寸属性

 height

作用:设置元素的高度

属性值描述
auto

根据内容计算实际高度

lengthn像素
%包含它的块级标签的百分之几
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

作用:设置字体的大小

属性值描述
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
默认值:medium
samller设置比父级更小的字体
larger设置比父级更大的字体
length(10px)设置一个固定的字体大小
%设置基于父级的百分之几的字体大小
inherit继承父级的属性值

line-height

作用:设置字体的行高

属性值描述
normal默认值,设置合理的行间距
number设置数字,此数字与当前字体尺寸相乘为行高
length(10px)设置固定的行间距 
%基于当前字体尺寸的百分之几的行间距
inherit继承父级的属性值

font-family

作用:指定字体

font-family 可以把多个字体名称作为一个"回退"系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值