前端day02

1.对于超链接中的下划线可以利用text-decoration：none进行去除
2.鼠标放上去自动变色，可以利用hover{background-color：}进行改变颜色
3.line-height属性是将文字在父元素垂直居中，大小与父元素一样

盒子的大小

1.box-sizing 默认值用来设置计算盒子的尺寸的方式（设置width和height）可选值：content-box默认值，宽度和高度用来设置内容区的大小；border-box宽度和高度用来设置整个盒子可见宽的大小。

轮廓阴影和圆角

outline用来设置元素的轮廓线，用法和border一样，轮廓和边框不同就是轮廓不会影响可见框的大小（与hover结合可用于鼠标放上去显示）
box-shadow（不会影响元素的布局）用来设置元素的阴影效果，box-shadow：10px 10px white，第一个值，水平偏移量，设置阴影的水平位置，正值向右移动，负值向左；第二个值，垂直偏移量，设置阴影的垂直位置，正值向下移动，负值向上移动；三个值，阴影的模糊半径；四个值，阴影的颜色。
border-radius用来设置圆角，圆角设置的半径大小，有，border-top-left-radius，border-top-right-radius，border-bottom-left-radius，border-bottom-left-radius，

浮动

通过浮动可以使一个元素向其父元素的左侧或者右侧移动，使用float属性设置元素的浮动，可选值：none默认值，元素不浮动；left元素向左浮动，right，元素向右浮动；元素设置浮动以后水平布局的等式不需要强制成立。元素设置浮动以后，会完全从文档流中脱离，不在占用文档流中的位置，元素下面的还在文档流中的元素会自动向上移动，
浮动的特点：1.浮动元素会完全脱离文档流，不在占用文档流中的位置2.设置浮动元素后，会向父元素的左侧或者右侧移动3.浮动元素不会从父元素中移出4.浮动元素移动时，不会超过他前边的其他浮动元素5.浮动元素的上边是一个没有浮动的块元素的时候，则浮动元素无法上移6.浮动元素不会超过上边的浮动兄弟，最多一样高；作用：浮动可以设置水平上的布局。 浮动的特点：1.浮动元素不会覆盖文字，可以设置文字环绕图片的效果2.元素设置浮动以后，从文档流中脱离，元素的性质也会变化。块元素脱离文档流后，不会在独占一行，宽度高度都会被内容撑开。行内元素脱离后变成块元素。脱离文档流中后不会在区分块元素和块内元素。