最近几天主要学习了浮动的原理等等、如何设置页面的外边距、内边距、边框的一些属性。还有在写CSS的时候，常常遇到无法设置的属性，可能是优先级的问题。以及制作下拉列表的方法。还有简易的侧拉列表的练习。还有一些定位的方法，利用定位分别制作了从1到6的骰子。以下是用到的笔记。

Float：浮动   left  right 

Clear float：  清除浮动  left  right  both

浮动的作用：页面上有三个竖着排放的方块使用浮动可以使三个方块同一排显示。常用来排版。

浮动不会覆盖文字，会表现出文字环绕的效果

Border-style： 边框的样式solid实线、dotted点线、double双实线、dashed虚线

Border-width：  边框粗细

Border-color：  边框的颜色

可以使用border-top/bottom/left/right  单独设置各边属性

Border：   简写 后面可以跟所有属性

设置边框的颜色顺序为 上右下左

Margin: auto

Margin-top

Margin-bottom

Margin-left

Margin-right

Padding:auto

Padding-top

Padding-right

Padding-bottom

Padding-left

优先级问题：

标签-01

class-10

id-100

！important优先级最高  

继承的优先级最低

链接伪类选择器

a:hove    鼠标悬停改变颜色 （也可用在别的选择器上）

a:active   鼠标点击不动改变颜色（也可用在别的选择器上）

a:link     未访问的链接

a:visited   已访问的链接

p标签里面包含一个span：<p>  123  <span>234</span>  </p>

设置span为display:none 使234隐藏。再对P标签设置p:hover span{ color:green } 使隐藏的元素在鼠标滑动过去的时候显示我们设置为green的内容

元素的分类：

块级元素---div、标题、P、dl、dt、dd、ul、ol

行内元素--- a\b\em\strong\i\span\img

行内块级元素---input

元素间的相互转换：display:inline行内\block块\inline-block行内块

定位:

Position:使用定位属性可以精确的确定位置

属性值有: relative 相对定位    absolute 绝对定位  sticky粘性定位