[学习记录][css]文本属性
2016-01-12 16:44
423 查看
缩进和水平对齐
缩进
text-indent所有元素第一行缩进一个长度
水平对齐
text-align块级元素
不控制元素对齐,只影响内容
left
right
center
justify(两端对齐)
垂直对齐
line-height文本行基线的距离,而不是字体的大小。确定元素框高度的增加减少
这是一个最小距离,而不是绝对数值
行间距:line-height减去font-size
垂直对齐文本
vertical-align行内元素和替换元素
baseline:基线对齐,元素基线与父元素对齐
sub:基线相对于父元素下降
super:基线相对于父元素升高
bottom:底端对齐
text-bottom:行内文本底端
top
text-top(对齐的位置取决去行内有什么元素,它们有多高)
middle:居中对齐,父元素基线上方0.5ex,注意大多数代理会将1ex处理为0.5em
百分数:相对于父元素基线,基线升高或降低
具体数值:对齐前相比上升
字间隔和字母间隔
字间隔
word-space字母间隔
letter-space间隔和对齐
指定间隔,则不会收到对齐的影响,如果是normal,则会根据对齐改变文本转换
text-transformuppercase
lowercase
capitalize(每个单词的首字母大写)
none(默认)
文本装饰
text-decoration不能继承,文本上的任何装饰线和父元素颜色相同
underline
overline
line-through
blink(闪烁)
文本阴影
text-shadow空白符
white-space* nowrap:防止元素中换行
* pre:空白符不会被忽略,空格回车都会显示
* pre-wrap:保留空白序列,文本行正常换行
* pre-line:合并空白符,保留换行符
文本方向
directionltr
rtl
unicode-bidi
embed
bidi-override
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解
- css文本框与按钮美化效果代码
- 解决ie动态修改link样式,import css不刷新的问题