牛腩新聞發布系統筆記——怎麼寫CSS

標籤：

        根據這牛腩學習敲新聞發布系統已經有一段時間了，挺佩服牛腩的，講那麼多東西，我聽著也不覺得枯燥，反而有種，一不留神就會錯過很多東西的感覺，所以有些地方也是重複又重複的在看。

        這篇部落格就總結總結小編在學習牛腩新聞發布系統的時候一些筆記。可能知識還比較原生態，but who cares.現在先提煉出來，以後慢慢的體會和升華吧。

        牛腩一部分可以說是和機房相似，也是讓我從.net到c#的一個過渡。中間一部分就是講div +css了。裡面的知識說多也不多的，根據不同的需求，它又有各種變形和組合，這加起來就有很多的東西。

我對div+css通俗一點的理解就是給網頁做臉面。再囉嗦一句，在學習過程中，做好筆記並且分類總結是很重要的，以前學習沒有這個意識，眉毛鬍子一把抓，搞的自己也不願意做筆記總結，更不願意看。現在抓筆記和總結的思想在慢慢建立，成長著。。。

一、主題

主題是頁面和控制面板屬性的集合，她有很多檔案組成（.css、images、其他資源等）

1、頁面

一個頁面中肯定會有很多的控制群組成：比如按鈕檔案、階層式樣式表等。

比如搜尋方塊

<div id="search">        搜尋條件：        <asp:RadioButton ID="radTitle" GroupName="cond" runat="server" Text=" 標題" Checked="true" />        <asp:RadioButton ID="radContent" GroupName="cond" runat="server" Text=" 內容" />        <asp:TextBox ID="txtKey" runat="server" CssClass="textbox" Height="19px"></asp:TextBox>        <asp:ImageButton ID="ibtnSearch" ImageUrl="~/images/search.gif" runat="server" OnClick="ibtnSearch_Click">        </asp:ImageButton>    </div>

效果：

添加logo和表頭圖片

<div id="top">        <a href="default.aspx">            <img src="/niunan/images/niunanlogo.jpg" width="160px" alt="logo" /></a> <a href="http://blog.csdn.net/mayfla">                <img src="/niunan/images/tg029logo.gif" width="600px" alt="tglogo" /></a></div>

效果：

添加著作權

<div id="footer">        著作權 &copy 徐玲博 &<a href="http://blog.csdn.net/mayfla" target="_blank">CSDN</a>    </div>

著作權效果：

 本文：本文這裡可以用div寫一個代碼塊，但是為了使其他不經常變化的控制項能達到複用的效果。所以用到了母板頁，後面的部落格會介紹母板頁。

2、控制面板屬性

外觀屬性就是給那些頁面或者 控制項添加合適的屬性，使其達到滿足需求和美觀的效果。我們添加屬性與盒子模型由密切關係，所以在學習添加屬性的時候看看盒子模型介紹吧

在頁面排版上，body預設有一個外邊距。

 

置中設定

待補充。。。

二、積累

牛腩講了很多的技巧，有些是以前知道但不注意的，也有些是新的：

2.1 快速鍵:

double table：讓程式碼片段輕鬆呈現。比如if

ctrl+k/d：快速整理代碼的格式

2.2 小技巧：

TODO：快速回到前一天結束的代碼；視圖-使用者任務

在工具--調試中，使用開始執行（不調試），可以有效提高效率。並且出錯的時候可以直接在頁面中看到。

2.3  css檔案直接拉進aspx中。就可以調用css了。

圖片/控制項都可以直接拉進aspx類中。

2.4 使用母板頁能減少很多代碼重複，達到頁面複用的效果

注意：母板頁使用母板頁的時候（即有兩個母板頁），要把前一個母板頁中的注釋刪除。

。。。

俗話說，技高人膽大。這些不斷的積累，就是你挑戰命運的底牌。不斷積累ING。。。

三、問題

在學習過程中，不光學習到很多東西，也遇到了很多的問題。現在看到問題，最想做的就是總結下來，最好能從裡面找到規律，把紮堆出錯，和出錯頻率高的錯誤提取出一套解決方案。

待補充。。。

四、總結

時間匆匆，青春年華；只有走過了，才會無悔。學習——總結——出錯——總結。這就像是一個命運的年輪，不停歇的轉動，轉走你的時間，轉來酸甜苦辣。不變的是成長，變化的是正在成長。

牛腩新聞發布系統筆記——怎麼寫CSS