菜单<li>浮动后,<li>脱离文档流,导致<ul>将失去高度和宽度;如果需要对<ul>进行整体背景设置,首先要给<ul>定义宽、高。
.{margin:0; padding:0;} 全局基本样式清除
display:block 转换为块级标签
display:inline 转换为内联标签
display:inline-block 转换为内联块级标签
list-style:none 清楚ul或ol列表中li标签前面的项目符号
text-decoration:none 清除下划线
text-decoration:line-through 添加删除线
text-indent:2em 设置文本缩进为字号的2倍
a:hover{} 定义鼠标滑过时的链接颜色
display:block 转换为块级标签
display:inline 转换为内联标签
display:inline-block 转换为内联块级标签
list-style:none 清楚ul或ol列表中li标签前面的项目符号
text-decoration:none 清除下划线
text-decoration:line-through 添加删除线
text-indent:2em 设置文本缩进为字号的2倍
a:hover{} 定义鼠标滑过时的链接颜色
2016-08-24
html+css基础不是说了块级元素用text-align:center会失效,是不能用的吗?标签都已经display:block块级化了,怎么还能用text-align:center呢???????????
2016-08-22
经过我的研究发现有一种方法很简单,首先我们先要知道二级菜单隐藏的原理,一级菜单是浮动的、设置了相对定位、且是有高度的。
二级菜单绝对定位于一级菜单,因为一级菜单设置的高度不足于显示二级菜单,原样式设置了hidden,溢出的内容被修剪不显示,只要我们在鼠标移至该ul时,把hidden改为visible,溢出的内容不被修建,且呈现在ul元素框之外。
var sunNav=this.getElementsByTagName("ul")[0]; //2
sunNav.style.overflow="visible";
这一行同2
sunNav.style.overflow="hidden";
二级菜单绝对定位于一级菜单,因为一级菜单设置的高度不足于显示二级菜单,原样式设置了hidden,溢出的内容被修剪不显示,只要我们在鼠标移至该ul时,把hidden改为visible,溢出的内容不被修建,且呈现在ul元素框之外。
var sunNav=this.getElementsByTagName("ul")[0]; //2
sunNav.style.overflow="visible";
这一行同2
sunNav.style.overflow="hidden";