html+css 制作简易导航栏
2018-11-29 09:46:08来源：博客园 阅读 ()
二话不说直接上代码（萌新：实在也没什么好说的）
1 <!DOCTYPE html> 2 3 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <meta charset="utf-8" /> 6 <title>导航栏</title> 7 <style type="text/css"> 8 9 #nav{ 10 width:100%; 11 height:39px; 12 margin:0px; 13 background:#808080 14 } 15 #nav ul li{ 16 margin:5px 10px; 17 float:left; 18 list-style:none; 19 } 20 #nav ul li a{ 21 float:left; 22 padding:0px 16px; 23 <!--margin:auto;--> 24 color:#ffffff; 25 font-size:15px; 26 } 27 </style> 28 </head> 29 <body> 30 <div id="nav"> 31 <ul > 32 <li ><a href="#">首页</a></li> 33 <li ><a href="#">朋友</a></li> 34 <li ><a href="#">商城</a></li> 35 <li ><a href="#">下载客户端</a></li> 36 </ul> 37 </div> 38 </body> 39 </html>
主要就是css（级联样式表）对html的内容做格式化（不太会表述）；
其中对元素可以直接用标识对其设置格式；对某个id为nav的元素做格式化，要在前面加#；对class=“nav”修改格式要在nav前加 "."
这三个的应用我自己还是不太熟悉，就不说了，此处希望有大触可以指导一番，或者有人和我探讨也行。
css代码可以用开始<style type="txt/css">、结束标识</style>写在html文档的head里，即内嵌在head里，
我这里是简易的导航栏css代码不多就内嵌在head里
上述是css的一种引用方式：内嵌式样式表
---------------------------------------------------------------------------------------------------------------------------
如果css代码比较多可以直接把代码写在css文件，然后用link标记在html文件的head里引入样式表css。
上述事实第二种引用方式：外部样式表（现在的网页繁杂，用这种方法比较多）
还有一种就是内联样式表，这里不做解释。
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- CSS3 2020-06-05
- HTML+CSS+JS模仿win10亮度调节效果 2020-06-04
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- 2020前端练习 —— 超级无敌简易版博客园 2020-05-14
- 除了HTML+CSS，高薪web前端还需要会什么技术？ 2020-04-27
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
