04CSS文本字体及排版
CSS文本字体
字体——font-family
font-family：字体1，字体2，字体3，……；应用font-family属性可以一次定义多个字体，而在浏览器读取字体时， 会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体，则自动读取第二种字体，若第二种字体也找不到， 则自动读取第三种字体，这样依次类推。如果定义的所有字体都找不见，则选用计算机系统的默认字体。在定义英文字体时，若英文字体名是由多个单词组成， 并且单词之间有空格，那么一定要将字体名用引号（单引号或双引号）引起来。如：font-family:“Courier New”，定义了一个字体为Courier New。
字号——font-size
font-size:绝对尺寸|关键字|相对尺寸|百分比;绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化，也不会随着显示设备的不同而变化。 如用绝对尺寸设置的文字在显示器分辨率为960×600和分辨率为1024×768下所显示的大小是一样的。使用绝对尺寸设置文字大小的时候一定要加上单位，如果没有加单位， 浏览器会默认以px（像素）为单位。绝对尺寸可以使用的单位包括in（英寸）、px（像素）、cm（厘米）、mm（毫米）、pt（点）、pc（皮卡）。最常用的单位还是px（像素）。（1点=1/72英寸）。相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。这里要强调的是，如果是在该元素的font-size属性中使用cm为属性单位，那么将直接继承于父元素的font-size属性，若没有父元素，则参考浏览器的默认字号值。绝对尺寸和相对尺寸也可以使用关键字来定义字号。绝对尺寸的关键字有七个，分别为xx-small（极小）、x-small（较小）、small（小）、medium（标准大小）、large（大）、x-large（较大）、xx-large（极大）。相对尺寸则仅有两个关键字，分别为larger（较大）和smaller（较小）。相对尺寸的larger是指在它的上一个关键字基础上扩大一级，smaller则是在它上一个关键字基础上缩小一级。百分比是基于父元素中字体的大小为参考值的。
字体样式——font-style
font-style:normal|italic|oblique;normal正常显示（浏览器默认样式），italic斜体显示文字，oblique歪体显示比斜体倾斜角度更大。
字体加粗——font-weight
font-weight:normal（正常粗细）|bold（粗体）|bolder（加粗体）|lighter（细体）|number（数字一般都是整百， 有9个级别，数字越大字体越粗）
字体变体——font-variant
font-variant:normal|small-caps normal表示正常的字体，默认值就为这个字体。small-caps表示英文字体显示为小型的大写字母。
字符间距——letter-spacing
letter-spacing:normal|长度 normal表示间距正常显示，是默认设置。长度包括长度值和长度单位，长度值可以使用负数。 单词间距——word-spacing
word-spacing:normal|长度 normal表示间距正常显示，是默认设置。长度包括长度值和长度单位，长度值可以使用负数。
文字修饰——text-decoration
text-decoration: underline|oveline|line-through|blink|none underline给文字添加下划线oveline给文字添加上划线line-through给文字添加删除线blink添加文字闪烁效果none没有文本修饰默认值
文本排列方式——text-align
Text-align:left|right|center|justify eft代表左对齐方式；right代表右对齐方式；center代表居中对齐方式；justify代表两端对齐方式。该属性可应用于HTML中的任何模块级标记，
段落缩进——text-indent
text-indent:长度|百分比 长度包括长度值和长度单位，长度单位同样可以使用之前提到的所有单位。 百分比则是相对上一级元素的宽度而定的。
调整行高——line-height
Line-height:normal|数字|长度|百分比 normal为浏览器默认的行高，一般由字体大小属性来决定。 数字，表示行高为该元素字体大小与该数字相乘的结果。 长度，表示行高由长度值和长度单位确定。 百分比：表示行高是该元素字体大小的百分比
转换英文大小写——text-transform
text-transform：uppercase|lowercase|capitalize|none uppercase 使所有单词的字母都大写lowercase 使所有单词的字母都小写capitalize 使每个单词的首字母大写none默认值显示
最新文章
- Nginx+PHP On windows
- maven权威指南学习笔记（三）——一个简单的maven项目
- 响应式字体(js控制)
- 【转载】关于BooleanQuery在搜索中的用处
- metasploit模块功能介绍
- We are doomed, and RPC does not help
- leetcode 155. Min Stack --------- java
- PHP面向对象之将数据库的查询结果序列化成json格式
- SQL Select的执行顺序
- Trie树模板~~~
- BigInteger构造函数解析
- HTML5小游戏源码收藏
- 【转】Android 平台下使用 i2c-tools
- Python 文件Hash(MD5,SHA1)
- $.when().done().then()的用法
- Python之numpy模块array简短学习
- 布隆(Bloom)过滤器 JAVA实现
- Spring.NET在MVC中实现业务层和UI层解耦
- Hibernate 5 入门指南-基于类注解
- Distinct Values(2018hdu多校第一场)