- 字体样式:
- 颜色: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%. 不同方向用空格隔开设定即可)
0223CSS学习_字体_文本_背景
最新推荐文章于 2023-12-30 20:48:52 发布