皮皮网

【y币源码】【源码造轮子】【zuul route 源码】htmlcss源码

时间:2024-11-15 06:07:49 分类:tomcat8源码 来源:在线考试系统 源码

1.怎样使用浏览器查看网页HTML和CSS源代码
2.HTML与CSS代码写出一个简单的页面框架

htmlcss源码

怎样使用浏览器查看网页HTML和CSS源代码

       怎样使用浏览器查看网页HTML和CSS源代码？

       整体简介： 使用浏览器的查看网页源代码功能可以查看当前页面的HTML和CSS源代码 工具原料： IE,极速浏览器，或任一一款浏览器均可 解决方法： 以极速浏览器为例 打开任意一网站页面，y币源码然后在页面的源码造轮子空白处右击，在弹出的zuul route 源码菜单中选择查看源代码 在新打开的源代码页面中可以看见CSS文件的引用。

点击该CSS文件的dtw c 源码链接就可以打开CSS文件进行查看。

HTML与CSS代码写出一个简单的gis 系统 源码页面框架

       <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

       transitional.dtd">

       <html xmlns="http://www.w3.org//xhtml">

       <head>

       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

       <title>基本框架结构</title>

       <style type="text/css">

       * { margin:0; padding:0; }

       body { margin:0 auto; font-size:px; font-family:Verdana; line-height:%; }

       ul { list-style:none; }

       img { border:0 none; }

       a { text-decoration:none; color:#; }

       h1 { font-size:px; }

       h2 { font-size:px; }

       h3 { font-size:px; font-weight:normal; }

       h4 { font-size:px; }

       h5 { font-size:px; font-weight:normal; }

       .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0; }

       #container{ margin:0 auto; width:px; }

       /*header*/

       #header { height:px; background:#cf0; }

       #header h1 { padding:px px; }

       #nav { background:#FF; height:px; margin-bottom:6px; padding:5px; }

       #nav ul li { float:left; }

       #nav ul li a { display:block; padding:4px px 2px px; color:#fff; text-decoration:none; }

       #nav ul li a:hover { text-decoration:underline; background:#F; color:#FFF; }

       /*main*/

       #mainContent { overflow:auto; zoom:1; margin-bottom:6px; }

       #side { width:px; float:left; }

       .sidebox { border:1px solid #ed; margin-bottom:6px; }

       .sidebox h4 { background:#ffa; padding:2px 6px; border-bottom:1px solid #ed; color:#fff; }

       .sidebox ul { padding:4px 6px; }

       #main { width:px; float:right; }

       .mainbox { border:1px solid #ed; margin-bottom:6px; }

       .mainbox h2 { background:#ffa; padding:2px 6px; border-bottom:1px solid #ed; color:#fff; }

       .mainbox ul { padding:4px 6px; }

       /*footer*/

       #footer { border-top:3px solid #0CF; height:px; text-align:center; padding:6px; color:#; }

       </style>

       </head>

       <body>

       <div id="container">

        <div id="header">

        <h1>头部</h1>

        <!-- end #header -->

        </div>

        <div class="clearfloat"></div>

        <div id="nav">

        <ul>

        <li><a href="#">导航一</a></li>

        <li><a href="#">导航二</a></li>

        <li><a href="#">导航三</a></li>

        <li><a href="#">导航四</a></li>

        <li><a href="#">导航五</a></li>

        </ul>

        <!-- end #nav -->

        </div>

        <div id="Content">

        <div id="side">

        <div class="sidebox">

        <h4>块标题</h4>

        <ul>

        块内容

        </ul>

        </div>

        <!-- end #side -->

        </div>

        <div id="main">

        <div class="mainbox">

        <h2>块标题</h2>

        <ul>

        块内容

        </ul>

        </div>

        <!-- end #main -->

        </div>

        <!-- end #fContent -->

        </div>

        <div class="clearfloat"></div>

        <div id="footer"> 底部

        <!-- end #footer -->

        </div>

        <!-- end #container -->

       </div>

       </body>

       </html>

       自己把样式放进css文件里面

相关文章