第10章 CSS的基础知识演示文稿.PPTVIP

下载本文档

2
0
约8千字
约 41页
2017-03-14 发布于江苏
举报
版权申诉

第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的基础知识演示文稿.PPT

第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.1 div标签 div标签可用来定义网页上的一个特定区域，在该区域范围内可包含文字、图形、表格、窗体，甚至其他div等。在div标签内的所有内容，都将调用此标签所定义出的样式，且区域与区域间彼此是独立的。当编写HTML文件，要定义区域间使用不同样式时，就可以使用div标签达到这个效果。 div标签应用于HTML文件，其语法如下： div id=指定样式名称....../div 或者 div class=指定样式名称....../div 在使用div标记时，可以使用width与height属性设置区域的大小。上一页下一页目录结束本节 10.5.2 span标签 div标签主要用来定义网页上的区域，通常用于比较大范围的设置，而span标签也可以用在区段的定义，一般都是用在网页中某一小段文件段落。其语法如下： span id=指定样式名称....../span 或者 span class=指定样式名称....../span span标签被加入到HTML中的主要目的是用于样式表，所以当样式表失效时它就没有任何作用。span标签可以使用class和id类选择符。 div与span的差异： ⑴ 在div区域内的对象与区域外的上下文会自动换行；而span区域内的对象与区域外的上下文不会自动换行。 ⑵ div与span标签可同时使用，但建议div标签可包含span，但span最好不要包含div标签，否则会造成span标签的区域不完整，而形成断行的现象。上一页下一页目录结束本节 10.6 CSS的几个特性 1．可以归类CSS的规则可以多个HTML标签采用同一样式，例： h1,p{font-family:黑体} 这项规则设定所有被h1和p标签包含的网页内容将用黑体显示。上一页下一页目录结束本节 2．样式表的规则具有继承性样式表的规则可从母体延续到子体，例： b{color:blue} 这项规则告诉浏览器将所有b之内的文字用蓝色显示。但是在下列情况下，浏览器该如何处理呢？ b这是一个i样式表/i实例/b 对于i标签并没有设定样式，但因为i位于b之中，所以它将继承母体b设定的样式，也以蓝色显示。上一页下一页目录结束本节 3．情景选择如果想让所有斜体显示的文字（即被i和/i标识的文字）都以红色显示，但条件是只有当这些斜体显示的文字出现在通常的段落文字（即被p标识的文字）内时。这就需要使用“情景选择”来实现。通过“情景选择”可设定一个可以执行选择说明的情景。带情景选择的样式表的格式如下：情景标签标识符{属性:属性值} 上一页下一页目录结束本节例1: 情景样式 p i {color:red} 其中的HTML代码： h1这是一个i样式表/i实例/h1 p这是一个i样式表/i实例/p 表示只将所有p之内斜体显示的文字以红色显示。 p之外斜体显示的文字不会以红色显示上一页下一页目录结束本节例2: 情景样式 table a { font-size: 12px } 表示:在表格内的链接改变了样式，文字大小为12象素，在表格外的链接的文字仍为默认大小 * * 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的基础知识