前端学习笔记八

Css单位与文字排版

一、标签的类型（显示模式）

1，行内元素

1.1，行内元素仅仅靠自身的字体大小和图像尺寸来支撑结构，一般不可以设置宽高，对齐等属性常用于控制文本的样式

1.2，行内元素内不能嵌套块级元素，只能嵌套其他的行内元素

1.3，常见的行内元素strong\b\em\i\del\s\u\ins\a\span

2，块级元素

2.1，块级元素独占一行或多行，可以对其设置宽高，对齐等属性，常用于页面布局和网页结构搭建。

2.2，块级元素可以容纳多个嵌套的块级元素或者行内元素

2.3，常见的块级元素h1-6\p\div\ul\li\ol

3，改变标签显示模式

display：none \ inline \block

\inline-block

none:此元素不被显示

inline:此元素按行内元素显示

block:此元素按块级元素显示

inline-block:此元素按行内元素排版，但是可以设置宽

显示模式的兼容问题：

IE6,7支持inline装换成inline-block但不支持block装换成inline-block，解决方法是现将非inline元素转换成inline然后再转换成inline-block

4,Css颜色表示

Rgb \rgba\英文表示\十六进制\

5，Css长度

Px:像素点em：1em等于当前的字体大小cm厘米mm毫米pc派卡in英寸

6，css字体样式属性

font-size字体大小

font-family字体（在css中设置字体名称是直接写中文是允许的，但是在文件编码时不匹配时会产生乱码，在css中直接使用Unicode编码来写文字名称可以避免这些错误）

font-weight字体粗细（属性值：normal\ bold \ bolder \lighter \ 0--900）

font-style字体风格（属性值：normal正常\ italic斜体（如果文字没有斜体那么显示正常字体）\ oblique文字倾斜显示）

综合设置字体样式

{font: font-stylefont-weightfont-size/line-heightfont-family;}使用font属性时