下载此文档

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用.ppt

文档分类：IT计算机 | 页数：约22页举报非法文档有奖

1/22

下载提示

1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
2.下载该文档所得收入归上传者、原创者。
3.下载的文档，不会出现我们的网址水印。

同意并开始全文预览

(约 1-6 秒)

1/22 下载此文档

文档列表 文档介绍

该【ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用】是由【落意心冢】上传分享，文档一共【22】页，该文档可以免费在线阅读，需要了解更多关于【ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。
WehavemanyPowerPointtemplatesthathasbeenspecificallytohelpanyonethatissteppingintotheworld
学****目标
【知识目标】
熟练掌握CSS的定义和使用方法
掌握CSS的常用属性
【技能目标】
能够使用CSS统一网站风格
注:
本课内容参考教材

CSS简介
随着Web的越来越盛行,Web设计也越来越趋向于整体与结构化。在早期,出现过不同的浏览器中的显示效果不一致、缺乏标准的支持、HTML代码结构混乱等等问题。
解决这些问题的方案是使用CSS标准,CSS支持所有现代的浏览器,并且提供了一整套统一的格式化属性,可以应用这些属性到任何的HTML元素上,比如添加边框、设置字体等等。CSS技术是Web标准的主要表现层技术,除了设置一些外观之外,现如今很多符合Web标准的站点都使用CSS来进行页面的布局。要设计一个标准的Web站点,应该多考虑使用CSS而较少的利用HTML的标签格式化语法。
图程序运行结果
CSS简介
,可以创建三种类型的样式:

内联样式直接放到HTML标签的内部,这种形式的样式会导致HTML代码的混乱。内联样式示例代码如下所示。
<pstyle="color:White;background:Blue;font-size:x-large;padding:10px">这行文本显示为蓝色的背景.</p>
CSS样式的设计与应用

放置在Web标签页的<head>区中的样式的集合。可以使用来自样式表的样式来格式化Web控件。使用内联样式,让格式与内容清楚的分离,并且可以对同一页面的格式进行多次重用。

与内部样式相似,但是样式放在一个单独的文件中,这样开发人员可以在应用程序的多个页面上应用相同的样式。
CSS基础–内联式
CSS能够通过编写样式控制代码来进行页面布局,在编写相应的HTML标签时,可以通过Style属性进行CSS样式控制。如
<body><divstyle="font-size:14px;">这是一段文字</div></body>
上述代码使用内联式进行样式控制,并将属性设置为font-size:14px,其意义就在于定义文字的大小为14px;同样,如果需要定义多个属性时,可以同写在一个style属性中,示例代码如下所示。
CSS基础–内联式
<body>
<divstyle="font-size:14px;">
这是一段文字1</div>
<divstyle="font-size:14px;font-weight:bolder">
这是一段文字2</div>
<divstyle="font-size:14px;font-style:italic">
这是一段文字3</div>
<divstyle="font-size:14px;font-variant:small-caps">
ThisisMyFirstCSScode</div>
<divstyle="font-size:14px;color:red">
这是一段文字5</div>
</body>
CSS基础–内联式
图1
CSS基础–内联式
上述代码分别定义了相关属性来控制样式,并且都使用内联式定义样式,这些CSS的属性的意义如下所示:
字体名称属性(font-family):该属性设定字体名称,如Arial,、Tahoma,、Courier等,可以定义字体的名称。
字体大小属性(font-size):该属性可以设置字体的大小。字体大小的设置可以有多种方式,最常用的就是pt和px。
字体风格属性(font-style):该属性有三个值可选:normal,、italic、oblique、normal是默认值,italic、oblique都是斜体显示。
CSS基础–外联式
,只需要定义如head标签中的style标签的内容即可,其编写方法也与内联式和内嵌式相同。在编写完成CSS文件后,需要在使用的页面的head标签中添加引用,示例代码如下所示。
<linkhref=""type="text/css"rel="stylesheet"></link>
,。在使用了外联式后,当前页面的HTML代码就能够变得简单和整洁,示例代码如下所示。

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用来自淘豆网www.taodocs.com转载请标明出处.

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用.ppt

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用

ASPNET程序设计教学资源电子ppt课件单元2母版主题与皮肤CSS样式的设计与应用

ASPNET程序设计教学资源电子课件单元2-母版主题与皮肤CSS样式的设计与应用-

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤网站主题皮肤的设计与应用

ASP.NET程序设计教学资源电子课件单元2 母版主题与皮肤CSS样式的设计与应用

程序设计教学资源电子课件单元2 母版主题与皮肤网站主题皮肤的设计与应用

程序设计教学资源电子课件单元2 母版主题与皮肤网站主题皮肤的设计与应用

程序设计教学资源电子课件单元2 母版主题与皮肤网站主题皮肤的设计与应用