1. 完全教程:用外联式CSS做一个网页 外联是把css单独放在外部,方便各个页面引用 。
<link href="http://www.xuexi88.com/zhishi/xx.css" rel="stylesheet" type="text/css">
内联一般只是针对本页的css,所以就是直接在本页<head></head>;之间 。
他们的写法和功能没有任何区别,就是一个单独存成css文件,一个在本页面上写!
你要是想简单的学点,告诉我信箱,我给你发一个好点的基础教程!
2. 如何在外联式css内写悬浮下拉菜单样式 <meta ; charset=gb2312" /> 无标题文档 <style type="text/css"> body { font-family:"宋体"; font-size:12px; } .menu { height:30px; background:#e6e6e6; margin-left:10px; } .menu a { text-decoration:none; } ul { margin:0; padding:0; } .menu li { list-style:none; float:left; width:90px; overflow:visible; cursor:pointer; } ul.level0 { height:30px; overflow:visible; } ul.level1, ul.level2, ul.level3 { width:90px; display:none; } ul.level2, ul.level3 { margin:-28px 0 0 90px; } ul.level0 > li { height:30px; line-height:30px; text-align:center; background:#999; } ul.level1 > li, ul.level2 > li, ul.level3 > li { height:28px; line-height:28px; background:#bbb; } ul.level0 > li:hover { background:#ccc; } ul.level1 > li:hover, ul.level2 > li:hover, ul.level3 > li:hover { background:#ddd; } ul.level0 > li.imyeah:hover > ul, ul.level1 > li.imyeah:hover > ul, ul.level2 > li.imyeah:hover > ul, ul.level3 > li.imyeah:hover > ul { display:block; } </style><body>
- immenu0
- imdropmenu00
- imdropmenu01
- imdropmenu010
- imdropmenu0100 imdropmenu0101 imdropmenu011 imdropmenu012 imdropmenu02 imdropmenu03 imdropmenu04
- immenu1
- imdropmenu10
- imdropmenu100
- imdropmenu101
- imdropmenu1010 imdropmenu1011 imdropmenu102 imdropmenu11 imdropmenu12 imdropmenu13 imdropmenu14 imdropmenu15
- immenu2
- imdropmenu20 imdropmenu21
- immenu3
- imdropmenu30 imdropmenu31 imdropmenu32 immenu4
- immenu3
- immenu2
- imdropmenu101
- imdropmenu10
- immenu1
- imdropmenu010
- imdropmenu01