您的位置: 首页  >  IT文章  >  ASP.NET  >  本人初学ASP.NET，有几个很简单的有关问题，在线求解答，先多谢了

本人初学ASP.NET，有几个很简单的有关问题，在线求解答，先多谢了

分类: IT文章 • 2024-08-14 20:53:43
本人初学ASP.NET，有几个很简单的问题，在线求解答，先谢谢了
本人初学ASP，自学时发现vs2013自带web网页模板，如图
本人初学ASP.NET，有几个很简单的有关问题，在线求解答，先多谢了
1 我看见做得很好，可以学习一下，可是不知道里面class=“**”的CSS文件放在哪里，想参考一下也不行，我贴一下
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="WebApplication1.SiteMaster" %>


<!DOCTYPE html>


<html lang="zh">

<head runat="server">

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

    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title><%: Page.Title %> - 我的 ASP.NET 应用程序</title>


    <asp:PlaceHolder runat="server">

        <%: Scripts.Render("~/bundles/modernizr") %>

    </asp:PlaceHolder>

    <webopt:bundlereference runat="server" path="~/Content/css" />

    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />


</head>

<body>

    <form runat="server">

        <asp:ScriptManager runat="server">

            <Scripts>

                <%--若要了解有关在 ScriptManager 中绑定脚本的详细信息，请参阅 http://go.microsoft.com/fwlink/?LinkID=301884 --%>

                <%--框架脚本--%>

                <asp:ScriptReference Name="MsAjaxBundle" />

                <asp:ScriptReference Name="jquery" />

                <asp:ScriptReference Name="bootstrap" />

                <asp:ScriptReference Name="respond" />

                <asp:ScriptReference Name="WebForms.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebForms.js" />

                <asp:ScriptReference Name="WebUIValidation.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebUIValidation.js" />

                <asp:ScriptReference Name="MenuStandards.js" Assembly="System.Web" Path="~/Scripts/WebForms/MenuStandards.js" />

                <asp:ScriptReference Name="GridView.js" Assembly="System.Web" Path="~/Scripts/WebForms/GridView.js" />

                <asp:ScriptReference Name="DetailsView.js" Assembly="System.Web" Path="~/Scripts/WebForms/DetailsView.js" />

                <asp:ScriptReference Name="TreeView.js" Assembly="System.Web" Path="~/Scripts/WebForms/TreeView.js" />

                <asp:ScriptReference Name="WebParts.js" Assembly="System.Web" Path="~/Scripts/WebForms/WebParts.js" />

                <asp:ScriptReference Name="Focus.js" Assembly="System.Web" Path="~/Scripts/WebForms/Focus.js" />

                <asp:ScriptReference Name="WebFormsBundle" />

                <%--站点脚本--%>

            </Scripts>

        </asp:ScriptManager>


        <div class="navbar navbar-inverse navbar-fixed-top">

            <div class="container">

                <div class="navbar-header">

                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                        <span class="icon-bar"></span>

                    </button>

                    <a class="navbar-brand" runat="server" href="~/">应用程序名称</a>

                </div>

                <div class="navbar-collapse collapse">

                    <ul class="nav navbar-nav">

                        <li><a runat="server" href="~/">主页</a></li>

                        <li><a runat="server" href="~/About">关于</a></li>

                        <li><a runat="server" href="~/Contact">联系方式</a></li>

                    </ul>

                    <asp:LoginView runat="server" ViewStateMode="Disabled">

                        <AnonymousTemplate>

                            <ul class="nav navbar-nav navbar-right">

                                <li><a runat="server" href="~/Account/Register">注册</a></li>

                                <li><a runat="server" href="~/Account/Login">登录</a></li>

                            </ul>

                        </AnonymousTemplate>

                        <LoggedInTemplate>

                            <ul class="nav navbar-nav navbar-right">

                                <li><a runat="server" href="~/Account/Manage" title="Manage your account">Hello, <%: Context.User.Identity.GetUserName()  %> !</a></li>

                                <li>

                                    <asp:LoginStatus runat="server" LogoutAction="Redirect" LogoutText="注销" LogoutPageUrl="~/" OnLoggingOut="Unnamed_LoggingOut" />

                                </li>

                            </ul>

                        </LoggedInTemplate>

                    </asp:LoginView>

                </div>

            </div>

        </div>

        <div class="container body-content">

            <asp:ContentPlaceHolder ID="MainContent" runat="server">

            </asp:ContentPlaceHolder>

            <hr />

            <footer>

                <p>&copy; <%: DateTime.Now.Year %> - 我的 ASP.NET 应用程序</p>

            </footer>

        </div>

    </form>

</body>

</html>
可以按照这个例子告诉我这些<div class="？？">的文件放在哪里

2 还有我自己模仿这个模版写了个导航栏，可运行出来怎么都是跟浏览器有条缝隙
本人初学ASP.NET，有几个很简单的有关问题，在线求解答，先多谢了
请问该怎样才能做到完全贴合，是不是我漏了什么重要的东西？
我的母版代码
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="test.master.cs" Inherits="SIM_Card_Management.test" %>

<!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/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

    <div style="background-image:url(Sources/Images/img-title.jpg)">

        <asp:Menu ID="Menu1" runat="server">

            <Items>

                <asp:MenuItem Text="新建项" Value="新建项">

                    <asp:MenuItem Text="新建项" Value="新建项"></asp:MenuItem>

                    <asp:MenuItem Text="新建项" Value="新建项"></asp:MenuItem>

                </asp:MenuItem>

            </Items>

        </asp:Menu>

    </div>

    <asp:ContentPlaceHolder ID="head" runat="server">

    </asp:ContentPlaceHolder>

    </div>

    </form>

</body>

</html>

引用母版的页
<%@ Page Title="" Language="C#" MasterPageFile="~/test.Master" AutoEventWireup="true" CodeBehind="BaseInformation.aspx.cs" Inherits="SIM_Card_Management.BaseInformation" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <p>test</p>

</asp:Content>


3最后我想做个像vs模版那种【div里同一行两个ul并排显示且前者的li水平排列后者的li垂直排列然后这两个ul还是分开一个在行最左另一个在行最右】，可是我用尝试了一天都不行，也没见有vs模版有写style让我参考下，请问如何做到那个效果？

本人刚学ASP.NET，最近几天课余在研究这个，一直搜不到解决办法，所以特意来问问，代码有点多，但都是很基础的，先谢谢各位大神了本人初学ASP.NET，有几个很简单的有关问题，在线求解答，先多谢了
------解决思路----------------------
那个~/Content/css不是文件夹，而是Bundling and Minification功能定义的bundle，如果你只是想要那个css模板，直接用bootstrap就好了。

网站一般有不少css和js文件，如果单独加载，浏览器就得发起多个请求，没有效率。所以Bundling and Minification功能可以根据bundle的定义把css和js文件合并成bundle，合并之后进行压缩处理，比如把所有css变成一行，并且可以自动缓存。这样可以提高网站的性能。

webopt: 这个是web.config里面定义的<add tagPrefix="webopt" assembly="Microsoft.AspNet.Web.Optimization.WebForms" namespace="Microsoft.AspNet.Web.Optimization.WebForms"  />加进来的

关于这个东西的官方教程比较少，可以看http://blogs.msdn.com/b/rickandy/archive/2012/08/14/adding-bundling-and-minification-to-web-forms.aspx和http://www.asp.net/mvc/overview/performance/bundling-and-minification，后面这个说的比较详细，但是主要是针对mvc的，不是webforms的
------解决思路----------------------
第二问题：
在css样式表设个通配设置：
*{
marging:0px;
padding:0px;
}
应该就可以了。

相关推荐