html使用技巧

时间:2023-12-23 22:29:19

line-height: 27px;  /* lineheight和height保持一致就能达到文本垂直居中*/
.top_content li {
list-style-image: url(../img/li_bg.gif);    设置li元素style前的图标
}
设置宽度 同时设置margin: 0 auto  使一个盒子水平居中
span 是内联元素 不以新的行开始  div属于块级元素,以新的一行开始
.nav_mid_left a:link,.nav_mid_left a:visited  初始状态和访问后的状态
min-height: 350px;   /*IE6中不支持*/
_height: 350px;  /*适配IE6*/
text-indent: 2em; /*文本缩进2个字符*/
项目准备工作
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form{margin: 0; padding: 0;}
body{font:14px/1.5 "宋体";}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none;}
使用css来显示和隐藏下拉菜单
ul li ul {position: absolute; left: 0px; top: 40px;display: none;}
ulli:hoverul{display:block;}