CSS部分选择器、背景、文本

属性选择器

title可以为任何值
[title=hello]
{
;
}
  1. [title~=en]:意为元素含有由空格分隔的en的属性值
  2. [title|=en]:意为元素含有由连字符 - 分隔的en的属性值

表单样式

input[type="text/button"]
{  
;  
}


背景图片

  1. body {background-image: url( );}
  2. background-repeat: repeat;(norepeat、repeat-x/y)
  3. background-position:center; 位置
  4. background-attachment:fixed; 图片固定

字符转换

  1. text-transform 属性处理文本的大小写。这个属性有 4 个值:
  • none 对文本不做任何改动
  • uppercase 将文本转换为全大写字符
  • lowercase 将文本转换为全小写字符
  • capitalize 只对每个单词的首字母大写

文本修饰

  1. text-decoration 值:
  • none
  • underline 下划线
  • overline 上划线
  • line-through 贯穿线
  • blink 让文本闪烁

text-decoration 值会替换而不是累积起来


处理空白符

  1. white-space 属性
  • normal 丢掉多余的空白符,换行字符(回车)会转换为空格
  • pre 保留空白符和换行符(回车)
  • nowpre 防止文本换行,除非使用了一个 br 元素
  • pre-wrap 保留空白符,正常换行
  • pre-line 丢掉多余的空白符,正常换行
    white-space 属性的行为

文本方向

  1. 注释:对于行内元素,只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。
  2. direction 属性有两个值:ltr 和 rtl。大多数情况下,默认值是 ltr,显示从左到右的文本。如果显示从右到左的文本,应使用值 rtl
发布了5 篇原创文章 · 获赞 8 · 访问量 145

猜你喜欢

转载自blog.csdn.net/qq_41027897/article/details/104997328