CSS学习记录/文本样式 装饰 对齐 粗细 字体 颜色等的控制。

格式：

<style type="text/css">标签名称{属性名称：属性对应的值；}</style>

注意点：

1、CSS必须写在style标签里面，style标签必须写在head标签内。

2、style标签内的type属性其实可以不用写，默认为type=“text/css”。

3、设置样式时必须按照固定的格式来设置。key: value;

文字样式：font-style:

normal：正常的 快捷键 ：fsn+table

italic：倾斜的 快捷键：fs+table

文字粗细：font-weight: 快捷键：fw+table

单词取值：

bold：加粗。快捷键：fwb+table

bolder：比加粗还要粗，有极限。快捷键：fwbr+table

lighter：细线，默认就是细线。 快捷键：fwl+table

数字取值：

100-900之间整百数字。

文字大小：font-size: 快捷键：fz大小+table

单位：px(像素)

注意：用css规定文字大小必须写单位。

文字字体：font-famliy: 快捷键：ff+table

默认为宋体，如果字体是中文时，一定要用双引号或单引号，设置的字体必须是电脑安装过了的字体。

缩写格式：font: style weight size family;

(style可以省略，weight可以省略，两者可以交换位置。size和family,两者必须写在所有属性之后，family必须写在size之后。)

例：

p{font: normal lighter 20px Tahoma,"微软雅黑";}

如果字体不存在，又不想用系统默认字体怎么办？

可以给字体设置备选方案。

怎么给英文和中文设置不一样的字体？

英文字体写在前面，中文字体写在后面。

例：

font-family: Adobe Arabic,'微软雅黑';

补充：企业开发中常见的几种字体。

中文：宋体、黑体、微软雅黑。

英文：“Times New Roman”、Arial。

英文名的字体并不一定就是英文字体。

文本装饰：text-decoration:

underline 下划线 快捷键：td:u

line-through 删除线 快捷键：tdl

overline 上划线 快捷键：tdo

none 什么都没有，通常用于去掉超链接下划线。 快捷键：td

文本水平对齐：text-align:

left 左

right 右

center 中

文本缩进：text-indent:

单位：em(一个文字) 快捷键：ti数字e

文本颜色：color：

英文单词赋值。是有限制的，表达并不全。

rgb赋值：三原色，r(red) g(green) b(blue) 格式：rgb(0,0,0)

红色：rgb(255,0,0);

绿色：rgb(0,255,0);

蓝色：rgb(0,0,255);

黑色：rgb(0,0,0);

白色：rgb(255,255,255);

灰色：三个值一样就是灰色，值越大越偏白色，值越小越偏黑色。

rgba赋值：三原色加透明度。格式：rgba(0,0,0,0) 透明度取值0-1，取值越小越透明。

十六进制赋值：本质就是rgb，每两位表示一个颜色。

公式：用十六进制数的第一位16+十六进制第二位2=十进制

十六进制缩写赋值：

CSS中每两位的值一样就可以简写，不属于同一颜色不能简写。