第10章CSS的基础知识.pptVIP

下载本文档

2
0
约7.37千字
约 35页
2017-07-16 发布于北京
举报
版权申诉

第10章CSS的基础知识.ppt

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

第10章 CSS的基础知识 10.3.1 在行内直接加入样式 10.3.2 把样式表嵌入到文档头 10.3.3 链接到样式表 10.3.4 输入样式表 10.4.1 class类选择符 10.4.2. id类选择符 10.5.1 div标签 10.5.2 span标签上一页下一页目录结束本节 10.5.2 span标签 div标签主要用来定义网页上的区域，通常用于比较大范围的设置，而span标签也可以用在区段的定义，不过一般都是用在网页中某一小段文件段落。其语法如下： span id=指定样式名称....../span 或者 span class=指定样式名称....../span span标签被加入到HTML中的主要目的是用于样式表，所以当样式表失效时它就没有任何作用。span标签可以使用clsss和id类选择符。 div与span的差异： ⑴ 在div区域内的对象与区域外的上下文会自动换行；而span区域内的对象与区域外的上下文不会自动换行。 ⑵ div与span标签可同时使用，但建议div标签可包含span，但span最好不要包含div标签，否则会造成span标签的区域不完整，而形成断行的现象。上一页下一页目录结束本节 10.6 CSS的几个特性 1．可以归类CSS的规则可以多个HTML标签采用同一样式，例： h1,p{font-family:黑体} 这项规则设定所有被h1和p标签包含的网页内容将用黑体显示。 * * 10.1 样式表和HTML的关系 10.2 样式表的基本结构 10.3 如何在网页中加入css 10.4 class与id类选择符 10.5 div与span标签 10.6 CSS的几个特性上一页下一页目录结束本节 10.3 如何在网页中加入css 上一页下一页目录结束本节 10.4 class与id类选择符上一页下一页目录结束本节 10.5 div与span标签上一页下一页目录结束本节第10章 CSS的基础知识 CSS是为了简化Web页面的更新工作而诞生的，它的功能非常强大，它将让网页变得更加美观，维护更加方便。CSS跟HTML一样，也是一种标记语言，甚至很多属性都来源于HTML，它也需要通过浏览器解释执行。任何懂得HTML的人都可以掌握，非常容易。上一页下一页目录结束本节样式表(StyleSheets)技术诞生于1996年，全称是层叠样式表(Cascading StyleSheets，简称CSS)。那什么是样式呢？样式其实就是格式，对网页来说，像文字的大小、颜色以及图片位置等，都是网页显示信息的样式。那层叠又是什么意思？意思是当我们在HTML文件中引用数个定义样式文件（CSS文件）时，若数个样式文件间所定义的样式发生冲突，将依据层次处理。样式表是HTML的表兄弟。样式表的产生是由于最初的HTML标准还不尽人意，用HTML制作网页就像是用画笔绘制一幅图画，只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果。正是在这种情况下，样式表技术诞生了，样式表的目的是为了“对布局、字体、背景和其他图文效果实现更加精确的控制”。 10.1 样式表和HTML的关系上一页下一页目录结束本节 HTML 4.0版本已经包括了样式表的内容。样式表正在逐渐改变设计、制作网页的方法，为网页创新奠定了基础。样式表的宗旨就是将结构和格式分离。样式表将定义结构和定义格式的两部分相互分离，从而使网页设计人员能够对网页的布局施加更多的控制。HTML仍可以保持简单明了的初衷，而样式表代码独立出来后则从另一角度控制网页外观。利用样式表，可以将站点上所有的网页都指向某个CSS文件，用户只需要修改CSS文件中的某一行，那么整个站点都会随之发生改变。这样，通过样式表就可以将许多网页的风格格式同时更新，不用再一页一页地更新了。上一页下一页目录结束本节样式表的基本结构是怎样的？下面通过一个简单的样式表实例，让你获得对样式表整体性的感性认识。首先建立一个简单的HTML文件。 10.2 样式表的基本结构上一页下一页目录结束本节例10-1：建立一个简单的样式表，效果如图10.1所示。文件ex10-01.html的源代码 html head title简单的样式表/tit