CSS

CSS学习笔记(二)

Posted by Ivens on October 26, 2019
1.缩进
1
p {text-indent: 5em;} //可以设置为负值与百分比
2.对齐

使用text-align属性。

text-align:center 与 <CENTER>

您可能会认为 text-align:center 与 <CENTER> 元素的作用一样,但实际上二者大不相同。
<CENTER> 不仅影响文本,还会把整个元素居中。text-align 不会控制元素的对齐,而只影响内部内容。元素本身不会从一段移到另一端,只是其中的文本受影响。

水平对齐属性是 justify

在两端对齐文本中,文本行的左右两端都放在父元素的内边界上。然后,调整单词和字母间的间隔,使各行的长度恰好相等。

3.字间隔

word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。(中文无效)

letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。(中文有效)

4.大小写转换

text-transform 属性处理文本的大小写。这个属性有 4 个值:

  • none
  • uppercase
  • lowercase
  • capitalize
5.文本装饰

text-decoration 有 5 个值:

  • none
  • underline
  • overline
  • line-through
  • blink

注意:text-decoration 值会替换而不是累积起来。

6.处理空白符

white-space 属性

当 white-space 属性设置为 normal 时,会合并所有的空白符,并忽略换行符。

7.CSS字体

通过font-family属性选择字体。

1
body{font-family : sans-serif;}
1
2
3
p {
    font-family: Times,'New Century Schoolbook', serif;
}

根据这个列表,用户代理会按顺序查找这些字体,如果都不可用,就会简单地选一种serif字体。

注意:使用了单引号。只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。

8.字体风格

font-style 属性最常用于规定斜体文本,该属性有三个值:

  • normal - 文本正常显示
  • italic - 文本斜体显示
  • oblique - 文本倾斜显示
9.字体粗细

font-weight属性设置文本粗细。

1
2
3
p{
    font-weight:900;
}
10.大小

font-size属性。

W3C 推荐使用 em 尺寸单位。

11.设置链接的样式

链接的四种状态:

  • a:link - 普通的、未被访问的链接
  • a:visited - 用户已访问的链接
  • a:hover - 鼠标指针位于链接的上方
  • a:active - 链接被点击的时刻

background-color 属性规定链接的背景色

注意,请按照以下次序规则:

a:hover 必须位于 a:link 和 a:visited 之后 a:active 必须位于 a:hover 之后