码迷,mamicode.com
首页 > 其他好文 > 详细

有关于文字的一些样式的操作

时间:2016-07-31 15:51:48      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:

文字的大小:font-size:px|百分数|em
三种的计算单位:
数值:100px;
百分比:20%;
em:继承父类的字体的大小,随着父类的字体的大小变化而变化,N em表示大小为父类的大小的n倍大小;
rem:?(CSS3.0)
 
字体的形式:使用window自带的字体;
font-family: "宋体","微软雅黑",Arial,Tahoma;
可以同时为页面设置多个字体,当浏览器找不到第一个字体时会寻找第二个字体,依次进行,直到找到可用的字体可以同时为页面设置多个字体,当浏览器找不到第一个字体时会寻找第二个字体,依次进行,直到找到可用的字体。
字体建议的设置:
1.中文页面建议以宋体为首选,其他字体次之。
2.英文页面建议以Arail/Tahoma等字体。
3.中英结合网站建议最好用英文字体。
4.特殊字体一律用图片
字体的风格
font-style:italic|oblique
两种的设置在页面显示的情况一样,oblique只有在italic不能生效的时候使用,一般不使用。
文字的粗细:
font-weight:px|bold(粗)|bolder(更粗)|数值100~900的百数值|lighter(细);
数值为600的时候会有明显的加粗。
文字的复合设置方式:font: font-style | font-weight | font-size | font-family ;
文字的颜色:
color:英文|#ffffff(十六进制)|rgb(0,0,0)数值在0~255之间的数值。|rgba(0,0,0,0.0)前三个同rgb,最后一个表示透明度数值在0~1之间的数值;
文字的修饰属性值
text-decoration: none | underline | overline | line-though
none表示没有修饰。
underline表示下划线修饰
overline表示上划线修饰
line-though表示删除线修饰
文字的行距
line-height:length : 由浮点数字和单位标识符组成的长度值,允许为负值。设置数值越大,文本段落中间的行距越大。
文字首行的缩进:
text-indent:length;
常用的单位是:px、em、rem(?在CSS3.0的内容)
文本水平(常用)对齐的设置:
text-align: left | center | right
分别对应的是左对齐、居中对齐、右对齐;
文本垂直对齐的设置:
vertical-align: top | bottom | middle;
vertical-align: 设置的是垂直方向 的设置的,一般在存在一行中存在<img>标签时进行设置的,存在三个属性值:middle(居中)、top(上部)、bottom(底部)
文件间隔的设置:
word - spacing;
根据查找字与单词之间的空格来进行判断的,一旦查到空格就生效;一般定义在想要生效的一些标签的父标签里面。
letter-spacing;
作用于字符与字符之间,也是定义在想要生效的一些标签的父标签里面。设置的数值为正值的时候是拉远的,复制是拉近的。
 
 
 
 
 
 
 
 

有关于文字的一些样式的操作

标签:

原文地址:http://www.cnblogs.com/792155879a/p/5663419.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!