CSS基础教程：选择器与.pdfVIP

第一天内容

一.Css初识：

１Css的存放位置：放在title下面

２所有的样式都放在同一个中：style/style

３在中放入对应的样式。

二.了解css

Css:cascadingstylesheets层叠样式表。

作用：用来给页面添加样式的。

代码：（放在title下面）

styletype”text/css”

选择器{

属性名1：属性值1;

属性名2：属性值2;

。。。

}

/style

type的含义，用来申明style只能用来存放css格式的文本。

一个属性名加一个属性值，一般我们称作键值对。

三.使用开发人员工具查看元素的样式：

１css注释.

作用：加入对代码的描述。

代码：

/*注释代码*/

快捷键:ctrl+/;

２工具的使用：

四.与文本相关的那些属性：

１Font-szie:设置文本的大小。

２Font-style:文本的样式

Italic:倾斜

Normal:正常的

３Font-family:字体的格式

取值范围就是下拉菜单中的内容。

４Font-weight:文本的粗细。

取值：

1.如果是数值：100-900（都是整百）

2.如果是关键字：

bold:加粗

bolder:比加粗更粗

lighter：细线

５字体属性的连写：

格式

font:font-stylefont-weightfont-sizefont-family;

注意：

这些属性中有两个属性是必写的font-size和font-family其它可选，

注意不管怎么写，font-sizefont-family必须处于最后两个属性。

五.与颜关的内容：

Color:

注意：没有font-color属性。

赋值：

1.0使用具体的颜色来赋值：

Color:red;

Color:blue;

Color:yellow;

2.0十六进制表示法：

Color:#ff8400;

Color:#00CC33;

3.0rgb表示法：

rgb(0,0,0);(第一个对应的是红，第二个是绿，第三个是蓝)

注意：每个的取值是0-255;

4.0rgba表示法。

六.选择器：

１