HTML+CSS学习⑥

1.CSS文字样式Ⅰ

font-family：字体类型
  英文字体：Aroal,'Times New Roman'
  中文字体：微软雅黑，宋体
中文字体的英文名称
  微软雅黑：'Microsoft YaHei'
  宋体：SimSun

示例：


衬线体与非衬线体

2.CSS文字样式Ⅱ

font-size：字体大小
默认大小：16px
写法：number(px) | 单词 （small large ··· 不推荐使用）

项目取值	字体大小
xx-small	最小
x-small	较小
small	小
medium	正常（默认值）
large	大
x-large	较大
xx-large	最大

font-weight：字体粗细
两种模式：正常（normal） 加粗（hold）
写法：单词（normal、bold）|number（100 200 ······ 900，100到500都是正常的，500-900都是加粗的）
font-style：字体样式
模式：正常（normal）斜体（italic）
写法：单词（normal、italic）
注：oblique也是表示斜体，使用的较少。
italic与oblique的区别：
①italic带有属性倾斜字体的可以设置
②oblique没有倾斜属性的字体也可以设置倾斜操作
示例：


color：字体颜色

3.CSS段落样式

text-decoration：文本装饰
下划线：underline
删除线：line-through
上划线：overline
不添加任何装饰：none
注：添加多个文本修饰：通过空格隔开
text-transform：文本大小写（针对英文）
小写：lowercase
大写：uppercase
首字母大写：capitalize

4.文本缩进

text-index：首行缩进
en单位：相对单位，1em永远都是跟字体大小相同
text-align：文本对齐方式
对齐方式：left、right、center、justify（两端点对齐）

5.文本的行高

line-height：定义行高
行高：一行文字的高度，上边距和下边距的等价关系
默认行高：不是固定值，而是变化的，根据字体的大小在不断的变化。
取值：1.number（px） | scale（比例值，跟文字大小成比例）

6.文本间距

letter-spacing：定义字间距
world-spacing：定义行间距（针对英文）
强制折行：（针对英文）
  1.word-break：break-all;（非常强烈的折行）
  2.word-wrap：break-word;（不是那么强烈的折行，会产生一些空白区域）  

7.CSS复合样式

一个CSS只控制一种样式，叫做单一样式。
一个CSS属性控制多种样式，叫做复合样式。
复合的写法，是通过空格的方式实现的。复合写法有的是不需要关心顺序，例如background、border；有的是需要关心顺序，例如font。
复合样式
background：red url() repeat 0 0;
border： 1px red solid;
font
注：font最少要有两个值 size family。
尽量不要混写，如果非要混写，那么一定要险些复合样式再写单一样式。

8.CSS选择器

ID选择器

css：#elem{}
html:id="elem"
注：
  1.在一个页面中，ID值是唯一的
  2.明明规范，字母 _ -数字（命名的第一位不能是数字）
  3.命名方式，驼峰式、下划线式，短线式。
  驼峰写法：searchButton（小驼峰） SearchButton（大驼峰，不建议）
  短线写法：search-small-button
  下划线写法：search_small_button
  

CLASS选择器
css:.elem{}
html:class=“elem”

注：
1.class选择器是可以复用的。
2.可以添加多个class样式。
3.多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序。
4.标签+类的写法