# HTML && CSS

lxf2023-03-15 12:27:02

1.Div居中

1
div { width;300px高度:300px边距:0自动; }
2。Div上下左右居中。

.son{position:absolute;top:50%;left:50%;width:300px;heigeht:300px; margin-top:-150px; /*等于高度的一半*/margin-left:-150px; /*等于宽度的一半*/}

3.背景图片上下左右居中。

background-position:center;

4.边框变成小三角形
得到一个宽度为10px,黑色向下,背景色为红色的小三角形。

div{ width:0; height:0; border:10px solid red; border-top-color:black; }

5.关于分行符

white-space:nowrap;/*不换行*/ white-space:normal;/*换行*/

6.关于margin-top
的交付问题,可以通过向其父元素添加边框来解决。

7.清除默认样式

body,h1,h2,h3,h4,h5,h6,dl,dd,p{marhon:0;} ul,ol{margin:0; padding:0;} th.td{padding:0;}

8.形式

性男人 女性 表格{ border-collapse:collapse;} 跨行并表:rowspan 跨列合并:colspan
9。形式

/*for和id相同*/用户名

10.清除浮动

.clearfix:after{ display:block; content:''; clear:both; } .clearfix{ zoom:1; /* for IE6*/ }
年龄
18
28