1css简介
css也是一种标记语言和HTML一样，CSS主要设置HTML中的文本内容（字体、大小、对齐方式）、图片的外形以及版面的布局和外观显示样式。
2CSS语法规范
CSS规则由两个主要部分构成：选择器和一条或多条声明
注：
选择器对是给谁设置样式，用于指定CSS样式的HTML标签；声明就是改样式改成什么样{}
属性和属性值称为“键值对”
属性和属性值之间要有:分开 ，在花括号修改完样式后加上;分号
修改样式在<head>标签内的<style>标签
font-size :12px;修改字体时一定要加px像素
3CSS代码风格（规定）
1样式格式书写——用展开格式 一行一个属性的设置（便于以后直观观察和修改）
2样式用小写
3空格规范
要求：在属性值前面，冒号后面有一个空格；
选择器和大括号中间保留空格；
h3 {
color: red;
font-size: 12px;
}4CSS基础选择器
根据不同的需要，选择出不同的标签就是选择器的作用
5选择器
选择器分为基础选择器和复合选择器
基础选择器由单个选择器组成的，基础选择器包括：标签选择器、类选择器和通配符选择器
1标签选择器
标签选择器即用的是HTML里面的标签作为选择器，语法：
标签名 {
属性1： 属性值1；
属性2： 属性值2；
属性3： 属性值；
}
注：
标签选择器可以把一类标签全部选择出来：如<div>标签，<span>标签，<p>标签等，统一设置样式，缺点不能够给其中一个修改样式
2类选择器
类选择器可以对某一个或多个样式进行设置，
口诀：样式点类名，结构类调用，一个或多个，开发最常用
谁要用谁调用，在<style>标签里定义好类，在<body>里谁需要谁用class调用！不会单词用拼音时拼全，要有意义让人知道有什么用。
常见的类名规则
综合案例——类选择器画盒子
类选择器画盒子 div就是盒子，用来装网页内容，可以装图片和文字等
宽度高度带数字的一般要加上单位，如像素px;
3类选择器之多类名
多类名就是给一个标签有很多个名字 <div class=" pink box">安琪拉</div>；<div>标签里由类pink设置为粉色，还有类font 设置字体大小。
注：各个类名之间用空格隔开，把他们公共有的属性都写在外面好修改统一
6id选择器(多和js搭配)
id选择器口诀：样式#定义，结构id调用，只能调一次，别人勿使用
id选择器不同于类选择器，id选择器只有一个人用专属的，求样式为#不为.且结构调用时候是Id调用不是类
7通配符选择器
通配符选择器用"*"定义，表示选取页面中所有元素
语法如下：
* {
属性1：属性值1;
属性2：属性值2;
...
}以下是清楚所有元素标签的内外边距
* {
margin: 0;
padding: 0;
}8CSS字体属性
CSS fonts(字体)属性用于定义字体系列、大小、粗细和文字样式
1CSS使用font-family属性定义文本的字体类型
p {font-family: "微软雅黑";}
div {font-family: Arial,"Microsoft Yahei", "微软雅黑"；}各个字体间用英文逗号隔开，输入多个字体时系统按顺序查找字体，找不到时查找下一个。
微软雅黑最好用英文写Microsoft Yahei 像两个词拼接的多用引号引出
2CSS使用ront-size定义字体大小
p {
font-size: 20px;}px是网页最常用的单位，可以给body指定整个页面的文字大小，标题标签需要单独设置
不要采用浏览器默认字体，自己手动改一个最合适字体大小
2CSS字体粗细
使用font-weight设置字体粗细；
| 属性值 | 描述 |
| normal | 正常字体，可用400代替 |
| bold | 粗体，700可替代 |
| 100-900 | 这些数字后面不加单位 |
案例体现对 标题标签的不加粗设置和对特别的画加粗设置
3CSS字体不倾斜
CSS使用font-style设置文本风格
| 属性值 | 属性 |
| normal | 标准 |
| italic | 斜体 |
注：平时几乎不斜体，反而给斜体标签(em,i)标签改为不倾斜
<style>
em {
font-style: normal;
}
.italic {
font-style: italic;
}
</style>
</head>
<body>
<p class="italic">倾斜字体设置</p>
<em>倾斜字体不倾斜</em>
4CSS属性之复合属性
格式顺序要求：
body {
font:font-style font-weight font-size/line-height font-family;
}
line-height指的是行高，可不写
注；其中要求使用font属性时，必须按照上面顺序，不能更换，且各个属性之间用空格分开 ；
不需要的属性可以胜率，但是font-size和font-famliy必须写；
两种方式写字体要求的样式，使用复合属性只需要按照顺序，更加节省代码空间
1991
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
