CSS的文本属性
2016-07-20 13:42
465 查看
CSS的各种文本属性:
行高使用的比较多,line-height有几种设置方式:
根据参数不同有3种方法:
1.用数字参数设置:
行间距=字号×参数 比如 line-height:1.5; font-size:16px; 最后的行高是1.5*16=24px;
2.用单位参数设置:
行间距=参数 line-height:16px;
3.用比例参数设置:
行间距=字号×参数 line-height:200%; font-size:16px; 最后的行高是2*16=32px;
属性含义 | 属性值 | |
word-spacing | 定义了各个单词之间的间距 | Normal<length>必须以长度为单位 |
letter-spacing | 定义了每个字母之间的间距 | 同上 |
text-decoration | 定义文字的“装饰”样式 | None|underline|overline|line-through|blink |
vertical-align | 定义了元素在垂直方向上的位置 | Baseline|sub|super|top|text-top|middle|bottom|text-bottom|<percentage> |
text-transform | 使文本转换为其它形式 | Capitalize|uppercase|lowercase|none |
text-align | 定义了文字的对齐方式 | Left|right|center|justify |
text-indent | 定义了文本的首行的缩进方式 | <length>|<percentage> |
line-height | 定义了文本的行高 | Normal|<unmber>|<length>|<percentage> |
根据参数不同有3种方法:
1.用数字参数设置:
行间距=字号×参数 比如 line-height:1.5; font-size:16px; 最后的行高是1.5*16=24px;
2.用单位参数设置:
行间距=参数 line-height:16px;
3.用比例参数设置:
行间距=字号×参数 line-height:200%; font-size:16px; 最后的行高是2*16=32px;
相关文章推荐
- 在VUX中使用自定义组件要注意scroller组件等vux组件的覆盖
- CSS样式自动换行(强制换行)与强制不换行
- reset css 的方法总结!
- css对上传按钮美化
- 设置input上传类型
- CSS中 -gradient && background
- RadioButton和CheckBox自定义按钮图片的样式
- CSS 清除浮动代码
- css图片图片居中显示
- CSS Transitions and Transforms
- css中隐藏元素的几种方法
- 浅谈 CSS 清除浮动的 6 种方法(转)
- 【js】检测CSS JS 文件是否被引入。
- 建站css-tip
- CI 漂亮的分页样式(页码样式)
- css 字体不撑开默认块级元素问题
- css 字体不撑开默认块级元素问题
- 纯css3 3D图片立方体旋转动画特效
- css字体家族
- css animation让图标不断旋转