H5前期学习 day07
作者：互联网
最近几天主要学习了浮动的原理等等、如何设置页面的外边距、内边距、边框的一些属性。还有在写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粘性定位
标签：浮动,right,day07,H5,Padding,前期,边框,Margin,left 来源： https://blog.csdn.net/qq_26323767/article/details/118942221