Loading

008 常用样式

常用样式

1、字体样式

  • font-family:字体族科,多值用于备用,以,隔开
font-family: "STSong", "Arial";
  • font-size:字体大小
  • font-style: 字体风格 normal | italic | oblique
  • font-weight:字体重量 normal | bold | lighter | 100~900
  • line-height:行高
  • font:字重 风格 大小/行高 字族

2、文本样式

  • color:文本颜色
  • text-align:横向排列
left 居左 | center 居中 | right 居右
  • vertical-align:纵向排列
baseline:将支持valign特性的对象的内容与基线对齐 
sub:垂直对齐文本的下标 
super:垂直对齐文本的上标 
top:将支持valign特性的对象的内容与对象顶端对齐 
text-top:将支持valign特性的对象的文本与对象顶端对齐 
middle:将支持valign特性的对象的内容与对象中部对齐 
bottom:将支持valign特性的对象的文本与对象底端对齐 
text-bottom:将支持valign特性的对象的文本与对象底端对齐 
  • text-indent:字体缩减
  • text-decoration:字划线
  • letter-spacing:字间距
  • word-spacing:词间距
  • word-break:自动换行
normal:默认换行规则
break-all:允许在单词内换行

3、背景样式

  • background-color:颜色
  • background-image:图片
background-image: url(bg.png);
  • background-repeat:重复
repeat | no-repeat | repeat-x | repeat-y
  • background-position:定位
top | bottom | left | right | center
v_hint:定位值可为方位词、百分比及固定值,值个数默认为两位(水平/垂直),一个值时垂直默认center
  • background-attachment:滚动模式
scroll | fixed
v_eg:父级设置属性,子集内容超出父级范围
v_hint:掌握基本属性
posted @ 2018-09-20 18:20  it227  阅读(140)  评论(0编辑  收藏  举报