属性选择器
title可以为任何值
[title=hello]
{
;
}
- [title~=en]:意为元素含有由空格分隔的en的属性值
- [title|=en]:意为元素含有由连字符 - 分隔的en的属性值
表单样式
input[type="text/button"]
{
;
}
背景图片
- body {background-image: url( );}
- background-repeat: repeat;(norepeat、repeat-x/y)
- background-position:center; 位置
- background-attachment:fixed; 图片固定
字符转换
- text-transform 属性处理文本的大小写。这个属性有 4 个值:
- none 对文本不做任何改动
- uppercase 将文本转换为全大写字符
- lowercase 将文本转换为全小写字符
- capitalize 只对每个单词的首字母大写
文本修饰
- text-decoration 值:
- none
- underline 下划线
- overline 上划线
- line-through 贯穿线
- blink 让文本闪烁
text-decoration 值会替换而不是累积起来
处理空白符
- white-space 属性
- normal 丢掉多余的空白符,换行字符(回车)会转换为空格
- pre 保留空白符和换行符(回车)
- nowpre 防止文本换行,除非使用了一个 br 元素
- pre-wrap 保留空白符,正常换行
- pre-line 丢掉多余的空白符,正常换行
文本方向
- 注释:对于行内元素,只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。
- direction 属性有两个值:ltr 和 rtl。大多数情况下,默认值是 ltr,显示从左到右的文本。如果显示从右到左的文本,应使用值 rtl