css的书写方式
行内式：将CSS代码书写在HTML标签的style属性中。style是一个通用属性，每一个标签里面都拥有这个属性，规则：
<标签名 style=”属性:值;属性:值;”></标签名>
嵌入式：将CSS代码嵌入到HTML文件中，嵌入式是通过HTML中的<style>标签将CSS代码嵌入到HTML网页中，规则：
<style type=”text/css”>
/*书写CSS代码*/
选择器{属性:值;属性:值;}
</style>
外链式：写以.css扩展名的文件，然后在<head></head>标签中使用<link />标签，将css文件链接到html文件中，规则：
<标签名 style=”属性:值;属性:值;”></标签名>
选择器
元素选择器、id选择器、类选择器、
属性选择器(如为带有 title 属性的所有元素设置样式 [title] {somestyles} )、
属性和值选择器(如为带有 title="hello title" 的所有元素设置样式 [title=W3School] {somestyles} )、
派生选择器(通过依据元素在其位置的上下文关系来定义样式)，有三种
后代选择器： 空格隔开;
子元素选择器： >隔开，只能选择作为某元素子元素的元素;
相邻兄弟选择器：选择紧接在一元素后的元素，且二者有相同父元素,
如设置紧接 h1 后出现的 p 的字体颜色：h1 + p {color: red;};
注1：.a,.b该逗号表示存在其中一个类的元素就设置，多元选择；
注1：.a.b没有空格表示同时拥有两个类的元素。
盒子模型
元素选择器、id选择器、类选择器、
属性选择器(如为带有 title 属性的所有元素设置样式 [title] {somestyles} )、
属性和值选择器(如为带有 title="hello title" 的所有元素设置样式 [title=W3School] {somestyles} )、
派生选择器(通过依据元素在其位置的上下文关系来定义样式)，有三种
后代选择器： 空格隔开;
子元素选择器： >隔开，只能选择作为某元素子元素的元素;
相邻兄弟选择器：选择紧接在一元素后的元素，且二者有相同父元素,
如设置紧接 h1 后出现的 p 的字体颜色：h1 + p {color: red;};
注1：.a,.b该逗号表示存在其中一个类的元素就设置，多元选择；
注1：.a.b没有空格表示同时拥有两个类的元素。
定位
Position属性：规定元素的定位类型。即元素脱离文档流的布局，在页面的任意位置显示
absolute： 绝对定位；脱离文档流的布局，遗留下来的空间由后面的元素填充。
定位的起始位置为最近的父元素(postion不为static)，否则为Body文档本身。
relative ：相对定位；不脱离文档流的布局，只改变自身的位置，在文档流原先的位置遗留空白区域。
定位的起始位置为此元素原先在文档流的位置。
fixed ：固定定位；类似于absolute，但不随着滚动条的移动而改变位置。
static ：默认值；默认布局.
辅助属性：position属性只是使元素脱离文档流，要想此元素能按照希望的位置显示，
需要使用下面的属性(position:static不支持这些)：
①left ： 表示向元素的左边插入多少像素，使元素向右移动多少像素。
②right ：表示向元素的右边插入多少像素，使元素向左移动多少像素。
③top ：表示向元素的上方插入多少像素，使元素向下移动多少像素。
④bottom ：表示向元素的下方插入多少像素，使元素向上移动多少像素。
注：上面属性的值可以为负，单位：px 。
1914
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
