牛腩新闻发布系统笔记——怎么写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。。。

三、问题

在学习过程中，不光学习到很多东西，也遇到了很多的问题。现在看到问题，最想做的就是总结下来，最好能从里面找到规律，把扎堆出错，和出错频率高的错误提取出一套解决方案。

待补充。。。

四、总结

时间匆匆，青春年华；只有走过了，才会无悔。学习——总结——出错——总结。这就像是一个命运的年轮，不停歇的转动，转走你的时间，转来酸甜苦辣。不变的是成长，变化的是正在成长。