快速完成一个完全没有样式的asp.net应用程序的方法

时间:2010-03-05 08:50:15

标签: asp.net jquery css

我有一个asp.net应用程序,包含大约15个aspx页面和30个左右的用户控件。在大多数情况下,它只是数据库顶部的基本CRUD层,因此它主要由编辑表单和数据网格组成。

我的所有编辑表单都在字段集中布局,我使用普通的asp:GridViews作为我的表(它们渲染到html表)。有些表格非常需要制作元素。我真的希望能够使用固定的标题和垂直滚动条为我的GridView设置样式。

我必须在几天内做一个演示,但问题是,没有任何样式应用于html(没有在html中定义的类,根本没有CSS),而且我对CSS非常弱。 / p>

所以考虑到我的困境,是否有人可以提供一些建议,告诉我如何在很短的时间内让这看起来更好看?

  1. 是否存在预先存在的体面通用CSS文件这样的东西,我可以下载并放在这个应用程序的顶部,可以为大多数元素应用一个有吸引力和一致的外观和感觉?
  2. http://jqueryui.com/会在这种特殊情况下有用吗?
  3. jQuery Tools http://flowplayer.org/tools/demos/index.html会有用吗?
  4. http://www.datatables.net/看起来非常有吸引力,任何人都可以评论全局连接所有GridView的容易程度吗?

3 个答案:

答案 0 :(得分:2)

尝试http://www.blueprintcss.org/

只需链接到3个css文件 - screen.cssprint.css(在您的情况下可选),ie.css - 正确。我个人喜欢为表格提供的blueprintcss样式。但是您需要为CssClass="even" / AlternatingRowStyle

指定AlternatingItemStyle

答案 1 :(得分:1)

看起来没有人考虑这么容易:)

[编辑]

如果它只是看起来不错 - 人们讨厌看到默认的纯HTML。所以添加正文背景和漂亮的字体就足够了。 然后用一个很好的技巧在表中定义1px边框:

  1. 将表格背景设置为与边框相同的颜色
  2. 将td背景设置为您想要的背景并使其具有1px边距
  3. 并将一些填充添加到默认元素,如div或p。

    你的老板会很高兴;)

    仅在您想要在html

    中添加任何内容的情况下进行布局更改时,请阅读以下内容

    [/编辑]

    您需要在CSS中放置一些html结构信息。如果您知道如何访问页面上的所需元素,整个CSS编写并不难,不是吗。

    例如。

    body table{
    }
    

    指的是直接在正文中的每个表

    body div table{
    }
    

    指的是具有直接在正文中的父div的每个表

    对于更复杂的内容,请查看

    上的规范
    :first-child
    :nth-child()
    

    伪类。它可以在那些括号中给出很多有趣的参数:)

    nth-child@W3C first-child@W3C

    警告:第一个孩子有一些旧的IE7问题(但有效)和nth-child在任何IE中都不起作用

    还要here寻找灵感

答案 2 :(得分:0)

你有没有遇到ASP.Net Themes and Skins

就个人而言,我讨厌它,因为它在任何地方都有内联样式。但它管理起来既快捷又容易。