Javascript ASP.NET-HTML页面在由Visual Studio启动时与在外部启动时看起来不同_Javascript_Asp.net_Html_Css_Html Rendering

Javascript ASP.NET-HTML页面在由Visual Studio启动时与在外部启动时看起来不同

javascript asp.net html css

Javascript ASP.NET-HTML页面在由Visual Studio启动时与在外部启动时看起来不同,javascript,asp.net,html,css,html-rendering,Javascript,Asp.net,Html,Css,Html Rendering,我并不擅长使用ASP.NET，但我将其用于身份验证后端和RESTful Web API（因为我知道C#非常危险）我有一个网站建立在严格的HTML，CSS和JS。当直接使用任何流行浏览器（chrome、IE、firefox）时，它在外观上看起来都很棒。我想在此网站中使用ASP.NET的一些功能，并将其作为我的web应用程序的前端。我只是简单地将HTML、CSS和JS文件夹（包括所有图像等）拖放到我的ASP.NET项目中，当我从visual studio在浏览器中预览时，整个HTML布局都是乱七八

我并不擅长使用ASP.NET，但我将其用于身份验证后端和RESTful Web API（因为我知道C#非常危险）

我有一个网站建立在严格的HTML，CSS和JS。当直接使用任何流行浏览器（chrome、IE、firefox）时，它在外观上看起来都很棒。我想在此网站中使用ASP.NET的一些功能，并将其作为我的web应用程序的前端。我只是简单地将HTML、CSS和JS文件夹（包括所有图像等）拖放到我的ASP.NET项目中，当我从visual studio在浏览器中预览时，整个HTML布局都是乱七八糟的，一切看起来都不一样

我为未经授权的用户添加了访问Web.config中的页面、css文件夹和js文件夹的权限

你知道为什么会这样吗？ASP.NET在生成过程中呈现HTML/CSS的方式是否与直接通过浏览器查看HTML/CSS的方式不同

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Site Name &raquo; Awesome Tagline Here</title>
<link rel="stylesheet" href="css/base.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/red.css" type="text/css" media="all" />
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />

<script src="js/modernizr.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/colorbox.js" type="text/javascript"></script>
<script src="js/flexslider.js" type="text/javascript"></script>
<script src="js/livevalidation.js" type="text/javascript"></script>
<script src="js/twitter.js" type="text/javascript"></script>
<script src="js/easing.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>

<section id="wrapper">
    <section class="shell">
        <!-- Header -->
        <header>
            <h1 id="logo"><a href="home.html" class="notext">Name Of site</a></h1>

            <nav>
                <ul class="main-nav">
                    <li class="current"><a href="home.html">Home</a></li>
                    <li><a href="about.html">About</a></li>
                    <li>
                        <a href="services.html">Services</a>
                        <ul>
                            <li><a href="services.html">Service Page 1</a></li>
                            <li><a href="services.html">Service Page 2</a></li>
                            <li>
                                <a href="services.html">Service Page 3</a>
                                <ul>
                                    <li><a href="services.html">Service Page 1</a></li>
                                    <li><a href="services.html">Service Page 2</a></li>
                                    <li><a href="services.html">Service Page 3</a></li>
                                    <li><a href="services.html">Service Page 4</a></li>
                                </ul>
                            </li>
                            <li><a href="services.html">Service Page 4</a></li>
                        </ul>
                    </li>
                    <li><a href="projects.html">Projects</a></li>
                    <li><a href="blog.html">Blog</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>

                <ul class="socials">
                    <li class="facebook"><a href="#">Facebook</a></li>
                    <li class="twitter"><a href="#">Twitter</a></li>
                    <li class="rss"><a href="#">RSS</a></li>
                </ul>
            </nav>
        </header>


<!-- End Header -->

</section>

<section id="large-slider">
    <ul class="slides">
        <li>
            <img src="css/images/home-slide1.jpg" alt="" />

            <section class="text">
                <h1><span>Ma quande</span> lingues coales</h1>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.</p>

                <a href="#" class="button">View More</a>
            </section>
        </li>
        <li>
            <img src="css/images/home-slide2.jpg" alt="" />

            <section class="text">
                <h1><span>Ma quande</span> lingues coales</h1>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.</p>

                <a href="#" class="button">View More</a>
            </section>
        </li>
        <li>
            <img src="css/images/home-slide3.jpg" alt="" />

            <section class="text">
                <h1><span>Ma quande</span> lingues coales</h1>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.</p>

                <a href="#" class="button">View More</a>
            </section>
        </li>
        <li>
            <img src="css/images/home-slide1.jpg" alt="" />

            <section class="text">
                <h1><span>Ma quande</span> lingues coales</h1>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim.</p>

                <a href="#" class="button">View More</a>
            </section>
        </li>
    </ul>
</section>

<section class="shell">

    <section class="about-row">
        <h2 class="section-head"><a href="about.html" class="more">More Info</a> <span><span>More</span> About Us</span></h2>

        <section class="thumbs">
            <img src="css/images/th-about1.jpg" alt="" />
            <img src="css/images/th-about2.jpg" alt="" />
            <img src="css/images/th-about3.jpg" alt="" />
            <img src="css/images/th-about4.jpg" alt="" />
        </section>
        <section class="text">
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut</p>
        </section>
    </section>

    <section class="projects-row">
        <h2 class="section-head"><a href="projects.html" class="more">More Projects</a> <span><span>Latest</span> Projects</span></h2>

        <ul class="thumbs">
            <li>
                <a href="project.html"><img src="css/images/th-home1.jpg" alt="" /></a>
                <h4>Lorem ipsum dolor <span>sit amet</span></h4>

                <p><a href="#">CASE STUDIES</a> <span>/</span> <a href="#">Entertainment</a> <span>/</span> <a href="#">Featured</a> <span>/</span> <a href="#">Website</a></p>
            </li>
            <li>
                <a href="project.html"><img src="css/images/th-home2.jpg" alt="" /></a>
                <h4>Lorem ipsum dolor <span>sit amet</span></h4>

                <p><a href="#">CASE STUDIES</a> <span>/</span> <a href="#">Entertainment</a> <span>/</span> <a href="#">Featured</a> <span>/</span> <a href="#">Website</a></p>
            </li>
            <li>
                <a href="project.html"><img src="css/images/th-home3.jpg" alt="" /></a>
                <h4>Lorem ipsum dolor <span>sit amet</span></h4>

                <p><a href="#">CASE STUDIES</a> <span>/</span> <a href="#">Entertainment</a> <span>/</span> <a href="#">Featured</a> <span>/</span> <a href="#">Website</a></p>
            </li>
            <li>
                <a href="project.html"><img src="css/images/th-home4.jpg" alt="" /></a>
                <h4>Lorem ipsum dolor <span>sit amet</span></h4>

                <p><a href="#">CASE STUDIES</a> <span>/</span> <a href="#">Entertainment</a> <span>/</span> <a href="#">Featured</a> <span>/</span> <a href="#">Website</a></p>
            </li>
        </ul>
    </section>

    <section class="clients-row">
        <h2 class="section-head"><a href="#" class="more">View More</a> <span><span>Our</span> Clients</span></h2>

        <ul>
            <li><a href="#"><img src="css/images/client1.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client2.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client3.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client4.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client5.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client6.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client7.png" alt="" /></a></li>
            <li><a href="#"><img src="css/images/client8.png" alt="" /></a></li>
        </ul>
    </section>

    <section class="row">
        <section class="half">
            <h2 class="section-head"><span><span>We</span> Hire</span></h2>

            <h4>SALES MARKETING CONSULTANT</h4>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">More</a></p>

            <h4>ART DIRECTOR</h4>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="#">More</a></p>
        </section>
        <section class="half">
            <h2 class="section-head"><span><span>Our</span> Services</span></h2>

            <ul class="left">
                <li><a href="services.html">Advertising</a></li>
                <li><a href="services.html">Brand Identity Design</a></li>
                <li><a href="services.html">Business Planning</a></li>
                <li><a href="services.html">Startup Planning</a></li>
                <li><a href="services.html">Campaign Planning</a></li>
            </ul>
            <ul class="right">
                <li><a href="services.html">Online Advertising Services</a></li>
                <li><a href="services.html">Website Architecture Design</a></li>
                <li><a href="services.html">Interactive Design</a></li>
                <li><a href="services.html">Game Design</a></li>
                <li><a href="services.html">Development</a></li>
            </ul>
        </section>
    </section>

    <h2 class="bottom-text">“Eat your <strong>betting money</strong>, but don't bet your <strong>eating money</strong>.”</h2>


    </section>

    <section id="footer-push"></section>
</section>

<!-- Footer -->
<footer>
    <section class="shell">
        <section id="to-top">
            <a href="#">Up</a>
            <span class="overlay"></span>
        </section>

        <section class="twitter-feed">
            <h5>Latest Tweets</h5>

            <section id="tweets"></section>
        </section>

        <section class="about-box">
            <h5>Tested on All Browsers</h5>
            <p>Find out more theme features <a href="#">Here</a></p>
            <img src="css/images/browsers.png" alt="" />
        </section>

        <section class="contact-box">
            <h5>Get in Touch</h5>

            <ul>
                <li><span class="small">email.</span> <a href="#">info@ibetwhat.com</a></li>
                <li><span class="small">ph.</span> 655-606-105</li>
                <li><span class="small">add.</span> East Pixel aBld. 99 <br /> City 9000</li>
            </ul>
        </section>

        <section class="socials">
            <ul>
                <li class="facebook"><a href="#">Facebook <span>Become a fan!</span></a></li>
                <li class="twitter"><a href="#">Twitter <span>Need more feed</span></a></li>
                <li class="rss"><a href="#">RSS <span>Be up to date</span></a></li>
            </ul>
        </section>
    </section>

    <section id="bottom">
        <section class="shell">
            <p class="foot-nav">
                <a href="home.html">Home</a> <span>|</span> 
                <a href="about.html">About</a> <span>|</span> 
                <a href="services.html">Services</a> <span>|</span> 
                <a href="projects.html">Projects</a> <span>|</span> 
                <a href="blog.html">Blog</a> <span>|</span> 
                <a href="contact.html">Contact</a> <span>|</span> 
                <a href="#">Bonus Pages</a>
            </p>

            <p>© 2012 My Company.</p>
        </section>
    </section>
</footer>
<!-- End Footer -->


</body>
</html>


网站名称»；这里的标语太棒了





























马权德语种煤
这是一位杰出的领袖，他是一位伟大的领袖。我们将尽可能少


马权德语种煤
这是一位杰出的领袖，他是一位伟大的领袖。我们将尽可能少


马权德语种煤
这是一位杰出的领袖，他是一位伟大的领袖。我们将尽可能少


马权德语种煤
这是一位杰出的领袖，他是一位伟大的领袖。我们将尽可能少


更多关于我们
这是一位杰出的领袖，他是一位伟大的领袖。但是，如果是最低限度的利益，那么，我们就不需要行使任何权利
最新项目


Lorem ipsum dolor sit amet
///


Lorem ipsum dolor sit amet
///


Lorem ipsum dolor sit amet
///


Lorem ipsum dolor sit amet
///


我们的客户










我们雇用
销售及市场顾问
这是一位杰出的领袖，他是一位伟大的领袖
艺术总监
这是一位杰出的领袖，他是一位伟大的领袖
我们的服务














“吃你的赌钱，但不要赌你的吃钱”
最新推文
在所有浏览器上测试
了解更多主题功能
联系

电子邮件
第655-606-105页
加上。Eas