【B/S】——初识CSS

一、概念

层叠样式表（Cascading Stylesheet）是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。能后有效、灵活地对网页的布局、字体、颜色、背景和其他效果实现更加精确和美观的控制，真正做到网页表现与内容分离的一种样式设计语言。

二、盒子模式

1.内容（content）：盒子内的东西。

2.填充(padding)：盒子里的抗震辅料厚度。

3.边框(border)就是盒子本身了。

4.边界(margin)则说明盒子摆放的时候的不能全部堆在一起，也就是盒子与盒子之间的空隙。

三、CSS选择器

优先级：ID选择器>类选择器>HTML标签选择器

ID选择器:在某一个HTML页面中只能使用一次(当然也可以用好几次，那页面也就不是标准页面）

<div id="loginfrm"></div>

#loginfrm {
    padding-left :10px;
    padding-right:80px;
    float:left;
}

若是ID选择器嵌套则：

<div id="loginfrm">
        <div id="login">
        <div>
</div>

#loginfrm #login {
    padding-left :10px;
    padding-right:80px;
    float:left;
}

类选择器：允许以一种独立于文档元素的方式来指定样式，就是使页面中的某些标签(可以是不同的标签)具有相同的样式。

<div id="loginfrm" class="round1"></div>

.round1 {
    width:518px;  
    margin :auto ;
    margin-top :160px;
}

若要在文本框或是中加入类选择器则使用CssClass：

<p>用户名：<asp:TextBox ID="txtName" runat="server" CssClass ="textbox"></asp:TextBox></p>

.textbox {
    width:150px;
}

HTML选择器：决定哪些标签采用相应的CSS样式。

<h3>添加新闻</h3>

h3{
    background-color:f00;
}

四、块级元素 行级元素

1、块级元素：如：<div></div>：编辑的内容是作用于整个行的。

2、行内元素：如：<span></span>：编辑的内容是作用于所标识的对应字段。

五、Web中的应用

将css拉进对应的Web窗体中，然后在css中编写样式，.aspx中写入要显示的内容。

小结：

学习是一个趟旅行，总结是旅行间的照片或记录，旅行固然美好，但若无总结，那旅行也只是慌乱走过，不曾留下你的印记。