第十一章：Web用户控件
在这一章里面，我们要学习
1:为什么要Web用户控件
2:如何创建Web用户控件
3:给Web用户控件加属性
4:给Web用户控件加方法
5:给Web用户控件加事件
6:Web用户控件应用举例
7:利用用户自定义控件，快速拼装网站，以实现母版页功能
为什么要自定义Web控件
对已有的Web控件进行组合，从而实现页面代码的重用。我们可以把一个网站
中经常要使用到部分区域做成一个Web控件，这样这个Web控件将可以在这个网站
的任意部分进行重用
如何自定义Web控件
添加-->Web用户控件。其扩展名为*.ascx
给用户自定义控件加属性
1)加属性的方法与winform一样
2)如果这个属性是依赖于自定义控件的某个Web控件，则可以直接
加属性，但如果是单纯的属性，则一定要使用session对像来保存
比如：
public string MyProperty
{
get { return Session["MyProperty"].ToString(); }
set { Session["MyProperty"] = value; }
}
给用户自定义控件加方法
与winform一样
给自定义控件加事件
A:在自定义用户控件页面中
1)声明事件指针
public event EventHandler OnClick;
(事件句柄类型) (指针名)
以后这个指针就指向外面的与EventHandler是同一种类型
的事件过程
2)触发事件：
if (this.OnClick!=null) //表示如果这个指针有某个具体的指向
{
this.OnClick(sender, e); 就通过指针去执行它所指向的事件
}
B:在使用这个控件的页面的Page_Load事件中写入：
this.MyUserControll1.OnClick += new EventHandler(LonginButton_OnClick);
注意使用Tab键会自动生成对应的代码
举例：
1)做一个登录框的Web用户控件，并添加用户名密码属性，同时加入单击登录按钮的事件
2)做一个专门用来显示某些对像内容的Web控件，像列表一样，有超链接
像显示新闻一样
利用用户自定义控件，快速拼装网站，以实现母版页功能
举例：拼装网站
第十二章：Css样式表
1:什么是样式表
2:如何来定义样式表
3:样式表中的选择器
4:如何在页面中来使用样式表
5:几种常用的样式表
什么是样式表
CSS就是Cascading Style Sheets，中文翻译为“层叠样式表”，简称样式表，它是一种制作网页的新技术
样式表是由很多的样式规则组成的，这些规则规定浏览器如果显示文档。一旦样式表创建好之后，就可以
把这种样式规则应用于整个网页上，从页让这些网页也具备这些样式规则，最重要的是一旦修改了样式表，
则所有应用于该样式表的网页都会更着发生变化
如何来定义样式表
格式：
选择器{属性名：属性值}
比如：
h1{color:red} 把h1的文字颜色变成红色
说明：
1)选择符是可以是多种形式，一般是你要定义样式的HTML标记，例如BODY、P、TABLE……，你可以通过此方法定义它的属性和值，属性和值要用冒号隔开
2)如果属性的值是多个单词组成，必须在值上加引号，比如字体的名称经常是几个单词的组合：
table {font-family: "sans serif"}
3)如果需要对一个选择符指定多个属性时，我们使用分号将所有的属性和值分开：
table{color:red;font-size:40px}
表的字体颜色为红色，字体大小为40px
4)为了使你定义的样式表方便阅读，你可以采用分行的书写格式：
table
{
color:red;
font-size:40px //最后一个不用分号
}
5)你可以把相同属性和值的选择符组合起来书写，用逗号将选择符分开，这样可以减少样式重复定义
比如：
table,h1{color:red;font-size:40px}
样式表中的选择器
1)html选择器：
这些选择器使用html标记的名称，因此该样式表只能够应用于一种html标记
2)类选择器：
用类选择符你能够把相同的元素分类定义不同的样式，定义类选择符时，在自定类的名称前面加一个点号
比如：
h1.c1{color:red}
h1.c2{color:white}
把同个标记h1定义成为两种不同的样式
然后用不在不同的段落里，只要在HTML标记里加入你定义的class参数：
说明：
1:类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名
2:类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式：
这样的类可以被应用到任何元素上
比如：
.color{color:red}
以后无论什么标记都能够使用这个color。注意与
h.color{color:red}的区别
3)伪类选择器：
主要是用来做超链接的样式
如何在页面中来使用样式表
1:链入外部样式表
把样式表做一个样式表文件，然后再通过
<link rel="stylesheet" type ="text/css" href="CSS/CSS.css" />语法进行链接
2:内部样式表
内部样式表是把样式表放到页面的<head>区里，这些定义的样式就应用到页面中了，样式表是用<style>标记插入的
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image:url("images/back40.gif")}
</style>
几种常用的样式表
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: none;
color: #000000;
}
a:active {
text-decoration: none;
}
a:visited:一开始的链接
a:hover 鼠标放在链接上的状态
a:active 在链接上按下鼠标时的状态
如何让表格自动换行：
1)<table style="table-layout:fixed">
2)<td style="word-break:break-all">
评论