用css使aaa 和bbb显示在一行上。

html-css024

用css使aaa 和bbb显示在一行上。,第1张

有两个办法

1.li{display:inline}这个办法的好处是不会出现ul悬空,但是display:inline后就相当于span了,不能给宽和高,只能给行高。

2.li{float:left}这个办法需要在bbb的后面加<div style="clear:both"></div>否则ul就会悬空,就是传说中的浮动后clear

1.标签选择符,相应的标签都会套用此类样式,如:

h1{...}

div{...}

a{...}

那么所有的h1,div,a都会套用以上定义的样式,

2.类选择符,用class引用标签会套用此类样式,如:

.aaa{...}

.bbb{...}

.ccc{...}

使用的时候:<div class="aaa"></div>

那么这个div就套用了aaa样式,

3.id选择符,该id名(理论上来说,id属性是唯一的)的标签会套用此类样式,如:

#aaa{...}

#bbb{...}

使用的时候:<div id="aaa"></div>

那么这个div就套用了aaa样式,和类选择符不一样的就是,id是唯一标识该标签的符号,class是标识“此类”的标签,

引用是这样的,没用原因很多了:

引用路径不正确

css文件编码和网页编码不统一,有些浏览器不认

你aaa.css里面写的东西不对,没对html生效