本文详细介绍了如何在程序中使用CheckBox、RadioButton和Image控件，并阐述了它们的功能、用法及样式表文件（CSS）的集成应用。通过Checked属性判断选择状态，利用CheckedChanged事件实现交互响应，同时展示如何通过ImageUrl属性加载并显示图片。此外，文章还简要介绍了样式表文件（CSS）在控件样式定制中的作用，包括创建样式表文件、在源文件中链接样式表以及样式表的编写规范。
第6讲：CheckBox、RadioButton和Image控件
课程安排：
创建CheckBox和RadioButton控件
通过Checked属性判断选择状态
CheckedChanged事件
使用Image控件显示图片
样式表文件(CSS）简介
在控件上使用样式表文件（CSS)。
创建CheckBox和RadioButton控件
1.CheckBox
用途：多选
2.RadioButton
用途：单元
(1) 使用GroupName属性，对单选按钮进行分组。
(2) 每组中只能有一个被选择。
通过Checked属性判断选择状态
如果某复选框（或单选按钮）被选中，则其Checked属性为真，否则为假。因此，可以根据Checked属性判断用户是否选择了该复选框。
CheckedChanged事件
复选框（或单选按钮）的状态被更改时，会触发CheckedChanged事件。
注意：前提是AutoPostBack属性为真。
使用Image控件显示图片
属性：ImageUrl
Image1.ImageUrl = "~/imags/d01373f082025aaf37001030f9edab64034f1a1e.jpg" ;
~符号代表站点的根目录。
样式表文件(CSS)简介
1.用途
格式化页面。将表现部分和内容部分分开。
2.使用简介
创建样式表文件
在源文件中加入链接语句
<head runat="server">
<line href="s1.css" type="text/css" rel="stylesheet">
</head>
3.优点
简化了网页html源码
便于统一修改和重复使用
4.写法
*{padding:0;margin:0;} 去掉浏览器默认的填充和边距上的空白。
body{...} 给网页的body部分设置样式
#aa{....} 给id为aa的元素设置样式
.button{...} 给class为button的元素设置样式
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
