css中ul和li 在各个浏览器显示不同的解决方法

html-css013

css中ul和li 在各个浏览器显示不同的解决方法,第1张

因为UL 和OL还有一些其他元素在不同的浏览器中存在不同的默认属性,比如ul和OL在IE或其他某些浏览器中就由个默认的15像素外边距

所以我在设计一个网页的时候都现在CSS里最先申明一下,或者说格式化一下,就像如下这样

ul,ol {

margin:0

padding:0

list-style:none

}

①#nav{

background:red

<-

容器背景色

}

#nav

ul{

background:gray

<-代表

ul整体背景色

}

两者都起到了作用,若想改变单个<home>背景色

应在#nav

ul

li{}内添加;

②text-align:center

<-字体居中

并非容器居中

"margin:0

auto"

应该在写#nav{}内;使其居中显示;

③在#nav

ul

li{}加入

margin:0px

padding:0px试试看