|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
CSS是CascadingStyleSheets的缩写,不得不承认CSS单独使用会麻烦一点,但其与脚本语言(如我们四阶段所学的Javascript)及XML技术的融合,即可达到绝佳的页面效果。
点击在线寓目
下载该节视频教程 动力软件园分流下载 FLV播放器下载大概利用QQ影音播放
表格与表单是网页上最多见的元素,表格除显现数据外,还经常被用来排版。而表单则作为与用户交互的窗口,时候都饰演着信息猎取和反应的脚色。本课环绕表格和表单先容CSS设置其款式的办法,和使用CSS完成各类殊效的技能。
1.把持表格
表格作为传统的HTML元素,一向遭到网页计划者们的喜爱。利用表格来暗示数据、制造查询拜访表等在收集中不足为奇。同时由于表格框架的复杂、了然,利用没有边框的表格来排版,也遭到良多计划者的喜好。我们在这里次要先容CSS把持表格的办法,包含表格的色彩、题目、边框、背景等。但愿人人可以把握以下几个方面的内容:
2.表格实例一:隔行变色
当表格的行列都良多、数据量很年夜的时分,单位格假如接纳不异的背景致,用户在实践利用时会感应混乱。一般的办理举措就是接纳隔行变色,使得奇数行和偶数行的背景色彩纷歧样,到达数据一览无余的目标。本例最后的效果如图所示。
3.表格实例二:鼠标经由时变色的表格
关于长工夫考核大批数据、扫瞄表格的用户来讲,即便是隔行变色的表格,浏览工夫长了仍旧会感应委靡。假如数据行可以静态的依据鼠标来变色,就使得页面充斥了发火,最年夜水平的削减用户倦怠。
4.表格实例三:日历
日历是一样平常生存中必不成少的器材,而作为备忘录的日历在桌面、收集上都愈来愈盛行。经由过程CSS设定表格的属性,能够很轻松的完成各类日历的效果。我们在这里经由过程复杂的实例,进一步纯熟CSS把持表格的各类办法。本例最后的效果如图所示。
5.CSS与表单
表单是网页与用户交互所不成短少的元素,传统的HTML中对表单位素的款式把持很少,仅仅范围于功效上的完成。我们在这里环绕CSS把持表单举行具体先容,包含表单中各个元素的把持,与表格共同制造各类效果等等。但愿人人可以把握以下几个方面的内容:
6.综合实例一:间接输出的Excel表格
作为公司、单元的各类年度报表,常常数据量都很年夜,假如也都像一般表单一样逐项填写,必将形成网页的冗杂。而Excel表格在当地呆板操纵时一向广受好评,经由过程CSS把持,分离表格和表单,便能轻松完成相似的效果,如图所示。
7.综合实例二:仿照新浪网平易近查询拜访问卷
流派网站上的旧事、现实常常都陪伴着林林总总的查询拜访问卷,包含现实的批评、言论的反应、局势的展望等等。这些查询拜访问卷都离不开表格与表单的共同利用。本例经由过程复杂的摹拟新浪的查询拜访问卷,进一步纯熟CSS把持表格、表单的办法。
这个图是新浪网上关于姚明的热门查询拜访,本例经由过程复杂的表格、表单的共同,摹拟该查询拜访问卷的效果。
人曾这样说“自从css出现之后,HTML终于摆脱了杂乱无章的恶梦,开始将页面内容与样式分离。” |
|