如果你上一个页面有好好的把结构分类好,那这个页面就会轻松不少,以下是这次页面的一点心得;
(说的我好惭愧。。。,看了下教程,啥也没记住。。)
1.各种垂直水平居中:
①margin:0 auto; 只有块状元素才可以这样使用居中
②text-aligin:center; 如果不是块状元素,可以使用这样居中
③高端一点的可以使用新特性,flex布局;
2.块状元素与内联元素的切换:
①display:block; 转换成块状元素
②display:inline; 转换成内联元素
3.超链接,按钮如果想添加鼠标放上去成一个手的样子,可以cursor:pointer;
4.最下面注册栏那里可以使用<table></table>来进行布局顺便添加到表单便于提交'
5.给div添加阴影可以使用
①-webkit-box-shadow: 3px 3px 3px;
②-moz-box-shadow: 3px 3px 3px;
③box-shadow: 3px 3px 3px; 可以使用这个,上面的是为了解决浏览器兼容问题;
6.可以写CSS的时候提前预设好一些清楚样式
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size: 12px;}
img{border: none;}
li{text-align: left;}
input,select,textarea{outline: none;}
textarea{resize: none;}
a{text-decoration:none;}
7.内外边距
①内边距:padding
②外边距:margin