JAVA-WEB总结Day2

注释

1.在css中的注释格式：/* */

2.在代码中的注释格式：<! - - - ->

text-align属性设置块级元素标签中内容的水平对齐方式

text-decoration可以给文本隐藏下划线 none

list-style:none 去掉ul的小黑点

line-height = height让文字的行高等于盒子的高度

border-style：dashed 虚线 dotted 点线 solid固体

border-collapse：collapse 合并响邻边框表格

border-radius：圆角边框

圆形的做法：把值设置宽度的一半

圆角矩形的做法：把值设置为高度的一半

marign: 0 auto 块元素定宽水平居中

行内元素或者行内块级元素水平居中给父元素添加

text-align:center; 即可

网页布局的三种方式

1-标准流（普通流） 2-浮动 3-定位

浮动的盒子只会影响浮动盒子后面的标准流，不会影响前面的标准流

选择器{clear：both} 清除浮动

清除浮动的方法

1、额外标签法也成隔墙法 加块级元素

2、父级添加overflow属性 hidden

3、父级添加affter伪元素

4、父级添加双伪元素

定位 = 定位模式 + 边偏移

position：属性

relative 相对定位 absolute 绝对定位

static 静态定位 fixed 固定定位

绝对定位的特点

1.如果没有祖先元素或者祖先元素没有定位以游览器为准定位

绝对定位不占有位置

子绝父相：子级是绝对定位的话，父级要用相对定位

固定定位的特点：

1、以游览器的可视窗口为参照点移动元素

跟父元素没有关系

固定定位不占有原来的位置

z-index 定位叠放的次序 ： 1 ；

只有定位的盒子才有z-index属性

加了绝对定位的盒子不能通过margin：0 auto；水平居中了

1、行内元素添加绝对或者固定定位和浮动可以直接设置高度和宽度

2、块级元素添加绝对定位或者固定定位，如果不给宽度或者高度，默认大小是内容大小

3、浮动元素不会压住下面标准流的文字，利用文字围绕浮动

4、绝对定位（固定定位）会压住下面标准流所有内容

display：none 隐藏元素 隐藏后不占有原来的位置

display：block 显示元素

visibility：visible 隐藏元素 隐藏后不占有原来的位置

visibility: hidden 显示元素

overflow：hidden 隐藏溢出的元素

overflow：scroll 溢出的部分显示滚动条 不溢出也显示滚动条

overflow：auto 不溢出不显示滚动条

css精灵技术目的：为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度