一、css的位置
1.内联样式 color:red color为样式名，red为样式值
内联样式一般不使用，开发当中基本上不会出现内联样式内联样式就是将css代码直接写在现有的HTML标签中。
基本语法：标记 style=样式属性: 属性值; 样式属性: 属性值;…
语法说明：
标记：HTML标记，如body、table、p等；
标记的style定义只能影响标记本身；
style的多个属性之间用分号分割；
标记本身定义的style优先于其他所有样式定义。
注意：内联样式只影响单个元素（标记）。
2.内部样式：只适用于当前网页
在<head>标签中定义<style>标签进行样式修改当单个文件需要特别样式时，就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。
3.外部样式：适用于多个网页共享样式 使用最多
在网页中引入外部样式
使用link标签注意：
（1）、css样式文件名称以有意义的英文字母命名，如 main.css。
（2）、rel="stylesheet" type="text/css" 是固定写法不可修改。
（3）、标签位置一般写在标签之内。
二、css选择器
1.元素选择器
通过元素名选择最常见的 CSS 选择器是元素选择器。换句话说，文档的元素就是最基本的选择器。
如果设置 HTML 的样式，选择器通常将是某个 HTML 元素，比如 p、h1、em、a，甚至可以是 html 本身：
2.id选择器
首先，ID 选择器前面有一个 # 号 - 也称为棋盘号或井号。
请看下面的规则：
*#intro {font-weight:bold;}
与类选择器一样，ID 选择器中可以忽略通配选择器。前面的例子也可以写作：
#intro {font-weight:bold;}
这个选择器的效果将是一样的。
第二个区别是 ID 选择器不引用 class 属性的值，毫无疑问，它要引用 id 属性中的值。
以下是一个实际 ID 选择器的例子：
<p id="intro">This is a paragraph of introduction.</p>
3.类/class选择器 使用最频繁
可以重复命名，通过.+类名选中
一个元素当中可以使用多个类名，用空格隔开类选择器允许以一种独立于文档元素的方式来指定样式。
该选择器可以单独使用，也可以与其他元素结合使用。
提示：只有适当地标记文档后，才能使用这些选择器，所以使用这两种选择器通常需要先做一些构想和计划。
要应用样式而不考虑具体设计的元素，最常用的方法就是使用类选择器。
4.伪类选择器
伪类（是一种特殊类）：表示元素的特殊状态：
点击时效果，鼠标引入时效果
选择器：伪类名
frist-child:同类元素中的第一个元素
last-child:同类元素中的最后一个元素
nth-child():选择同类元素中指定元素
n 表示0到正无穷
2n 表示偶数行
2n+1表示奇数行
5.超链接的伪类
针对于同一个元素来说：内联样式 > id >class >元素
三、盒子模型
盒子模型：方块 盒子
用于CSS布局，在CSS中将所有元素设计为一个矩形的方块
盒子模型（box model）：
内容区（content）
边框（border）
内边距（padding）
外边距（margin）:决定盒子的位置设置四个值：
上 右 下 坐
设置三个值：上 左右 下
设置两个值： 上下 左右
设置一个值：所有边框宽度都一样
边框：会改变盒子的大小
border-width 默认值为3px；
border-color：如果为设置边框颜色，默认使用color属性的值
boder-style :边框样，默认为none
solid:实线
dotted：虚线
内边距（padding）：指边框与内容区的距离，会改变盒子的大小
padding-top：上内边距，上边框与内容区的距离
padding-left
padding-right
padding-bottom
padding简写方式 顺序：上 右 下 坐
块级元素独占一行，宽度为父元素的宽度，高度为内容高度
内容区可以放置任何元素
外边距（margin）：确定盒子的位置,不会去改变盒子本身的大小
margin-top：上外边距
margin-left:左外边距
margin-bottom:下外边距:移动相邻元素，自身位置不变
margin-right:右外边距：移动相邻元素
margin简写方式
856
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
