css基础

结构

<style>

选择器 ｛
属性名1：属性值1;
属性名2：属性值2;
......
｝

</style>

css是用来给页面上的结构“”穿上衣服“”（设置样式）

css相关的属性：
color:设置字体的颜色。
font-size: 设置字体的大小。
background:设置背景颜色。
width:设置宽
height:设置高

与字体相关的属性：
20px 宋体 红色 的加粗字
font-size（字体的大小）:12px；
font-weight（字体的粗细）:
可以设置具体的数值：
是整百的数100-900
还可以设置一些关键字：
bold:加粗
normal:正常
font-family（字体的类型）:
font-style（字体的样式）:
字体的连写形式：
font: font-style font-weight font-size font-family;
简写使用条件：必须同时在指定font-size和font-family
注意： font-style与font-weight:是可选属性

与颜色的赋值：
color:属性的取值可以是：
1.0具体的颜色的英文单词
yellow,pink,red。
2.0使用十六进制颜色表示法：
#000000=>#000
#003300=>#030
3.0rgb表示法：
rgb(100,100,100);
4.0rgba表示法：

１ 标签选择器：
结构：
<style>
标签名（选择器） {
属性名1：属性值1;
属性名2：属性值2;
.......
}
</style>
效果：会将所有的这类标签都加上相同的属性。

２ 类选择器：
给要设置的标签添加一个类名：class
例如：<p class=”zm”>追命</p>
结构：
<style> .类名（选择器） {
属性名1：属性值1;
属性名2：属性值2;
.......
}
</style>
效果：会将所有拥有这个类名的那些标签都加上相同的属性。

３ id选择器：
与类选择基本上相同：
结构：
<style> #id名（选择器） {
属性名1：属性值1;
属性名2：属性值2;
.......
}
</style>
效果：会将所有拥有这个id名的标签加上相同的属性。

４ id选择器与类选择器之间区别：
类名：相当于是人的姓名。（可以重复）
特点：
1.0一个类名可以设置给多个标签
2.0一个标签可以有多个类名
id名：相当于是身份证号码。（必须唯一）
特点：
1.0只能给一个标签设置这个id名
2.0一个标签只能有一个id名。
id不是给css使用的，而是javascript来使用的。