0223CSS学习_字体_文本_背景

来源：互联网发布：mac上好玩的单机小游戏编辑：程序博客网时间：2024/05/20 03:39

字体样式：
- 颜色：color
- 字号：font-size
- 字体：font-family:Arail
  - font-family:”微软雅黑，宋体”（中文和名称带空格的字体要加引号，加入不同优先级的字体用逗号隔开，当用户端无第一个字体时，按顺序查找设定的字体）
- 风格：font-style:normal 正常字体
  - font-style:italic 文字斜体
  - font-style:oblique 文本斜体(斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique）文本则是正常竖直文本的一个倾斜版本。)
- 粗细：font-weight:bold(可在blod后用定值指定粗的大小)
文本样式
- 首行缩进：text-indent:2em(w3c建议文字大小使用em定义，1em=16px，为默认文字大小)；
- 行高：line-height:
- 词间距：word-spacing:(实际表现为空格的大小，所有英文的词间距有效，对中文无效)；
- 字母间距：letter-spacing(每个字符间的距离，可用于控制中文的文字间距，英文下则表现为每个字母之间的距离)
- 字母大小写：
  - text-transform:uppercase 大写
  - text-transform:lowercase 小写
  - text-transform:capitalize 每个单词首字母大写
- 文本修饰：
  - text-decoration:underline 下划线
  - text-decoration:overline 上划线
  - text-decoration:line-throught 贯穿线
背景：
- rgb(0,0,0) RGB颜色，值在0～255
- rgba(0,0,0,0) 颜色+透明度控制，背景透明，文字不透明；
- opacity:0(背景和字体都透明)
- 背景图片：
  - background-image:url(图片地址)
  - background-repeat:no-repeat 图片不重复
  - background-repeat:repeat-y 图片垂直方向重复
  - background-repeat:repeat-x 图片水平方向重复
  - background-position 图片定位设定（有3种方式，1.用文字left, right,center,top,middle,bottem;2.用尺寸10px 20px;3.用百分比100%,50%. 不同方向用空格隔开设定即可）

1 0