ASP/ASP.NET中的CSS框架相對複雜的形式 - 選擇標準？

Question

我正在考慮爲ASP網站和ASP.NET網站使用現有網格或其他CSS框架之一，但希望確保我可以做一些可以做相對複雜的表單並在Fox中工作的東西（兼容性將會是不錯，但不是必不可少的）

你用什麼標準挑選出你選擇的CSS開發佈局工具？哪些產品符合該標準？

Answer 1

CSS框架和常規的ASPX頁面，它並沒有那麼糟糕。您必須爲添加的HTML /方式在ASP.net中處理一些自定義內容，但它不是顯示限制。我個人認爲只是使用堅實的Reset/Baseline（如Yahoo! - Reset,Base,Grids）。我一直喜歡雅虎！最好的，因爲它是跨瀏覽器最可靠的 - 但那只是我。重置和基線將消除瀏覽器中很多奇怪的怪癖。 jQuery應該是一個額外的工具，你應該有助於保持它與更加動態/程序化的事物保持一致。

如果你要使用MVC路由，你可以使用任何你喜歡的東西，因爲你不需要擔心ASP.NET通常添加的自定義HTML。 Blueprint是另一個受歡迎的。我已經在幾個項目中使用過它，這很好。

至於CSS網格和複雜的形式。我一直遇到的最大問題之一是你有一些表單元素，你不希望符合嚴格的網格佈局。一個很常見的是州和郵編。在網格系統之後，您很可能會在兩行上有這些內容，或者必須做一些特殊的工作才能將它們並排在一起，而不是共享相同的標籤（如果您對每個具有自己標籤的元素都是真正的標籤） 。而且你會遇到其他特定於你正在做的事情的人。

如果你打算在這個項目上工作一段時間，老實說，我只是建立自己的CSS佈局（網格，流或任何最適合你的）。或者使用現有的純粹作爲您的專欄的基礎，就是這樣。您不會使用預先包裝的CSS /網格基礎的一半，並且對於長期不重要的特殊情況進行自定義修改。我也不喜歡需要應用於大多數網格系統中的所有內容的多餘CSS類。以後很難進行批量更改。

最後，你問了一些工具。在純CSS中使用一些很好的附加工具，我真的很喜歡TopStyle Pro，微軟的VisualStudio文本編輯器是迄今爲止最好的之一，所以它也沒有錯。我並沒有真正在Web Developer Express這樣的兒童產品中工作過，但是它並不是一個文本編輯器。您可以忽略他們提供的其他面板，因爲它們是完全垃圾。​​也很好。

Answer 2

Joshua的回答非常好。

ASP.net不應該是任何其他後端語言的變量。重要的是，你使用這種語言的方式，它不會自動吐出你不想要的HTML 咳嗽---共享點---咳嗽。

我在一個大型網站上使用了藍圖網格系統，這個網站需要大量的表單。我們使用藍圖作爲我們的基本理念，然後編寫我們自己的「表格網格」邏輯來滿足我們的特殊需求。這可能是你將要採取的路線。

我想對OOCSS（面向對象CSS）讀了因爲這是還需要產生大量的前端的標記在更大開發團隊的必需品恕我直言：

http://oocss.org/

Answer 3

的960網格系統是通過提供基於960像素寬度的常用尺寸來簡化Web開發工作流程的工作。

http://960.gs/

我上簡單和複雜的佈局，許多項目用這個。 960 GS運作良好，易於學習。

我選擇的原因有兩個：此產品

1. 他們有一個龐大的現有客戶羣，這將證明成功與960
2. 所有現代顯示器支持至少1024×768像素的分辨率。 960是被2整除，3，4，5，6，8，10，12，15，16，20，24，30，32，40，48，60，64，80，96，120，160，192， 240,320和480.這使它成爲一個非常靈活的基本號碼。

雖然我必須指出的是，你的問題只是鬆散地與ASP。你真的只是想利用CSS

Answer 4

老問題，但一個好的管理複雜佈局的能力。因此，這裏是我的決定：

目前的迴應式網頁設計技術，其方便，可以適應不同的移動和桌面設備的各項決議網站發展的上升，是導致響應框架的出現。也就是說，他們解決了製作響應網站的常見問題。框架

選擇而變化取決於需求。我們是否必須選擇簡單的框架或完整的框架。 1140 CSS Grid系統有點舊，目前已退休，這是一個非常簡單的框架。對於一個完整的框架，你可以去引導https://github.com/twbs/bootstrap或基金會http://foundation.zurb.com/或純http://purecss.io/。

作爲一個Asp.Net的網頁設計師，我喜歡的是引導。時尚，直觀，功能強大的前端框架，可實現更快更輕鬆的Web開發。通過@mdo和@fat構建Twitter，這是一個持續發展的完整框架。