前端学习——第三天

CSS相关

1、颜色：

p{
   color:red;
}

2、字体：

p{
  font-family: arial;
  }

网页安全字体——只有某几个字体通常可以应用到所有系统点击打开链接

3、字体大小：

html{
  font-size: 10px;
}

h1{
  font-size: 1.4 rem;
}

将document的font-size设为10px，则所需要的rem值就是想得到的像素除以10。

4、文本样式

（1）font-style:   italic（斜体）、normal（将文本设为普通字体）、oblique（将文本设为斜体字体的模拟版本）

（2）font-weight:   常用：normal 或者bold

（3）text-transform: none、uppercase（将所有文本转为大写）、lowercase、capitalize（转换所有单词让其首字母大写）、full-width（将所有字形转换成固定宽度的正方形）

（4）text-decoration:  none（取消已存在的任何文本装饰）、underline、overline、line-through

（5）text-shadow: 最多需要4个值，分别是：阴影与原始文本的水平偏移；阴影与原始文本的垂直偏移；模糊半径；阴影的基础颜色

5、文本布局

（1）文本对齐：  text-align:  left\right\center\justify

（2）行高： line-height: 推荐的值：1.5-2

（3）字母间距与字间距

p::first-line{
  letter-spacing: 2px;
  word-spacing: 4px;
}