- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
CSS样式表_图文
第5章 CSS样式表 主要内容 5.1 CSS(Cascading Style Sheets)简介 5.2样式表的基本语法 5.3 样式表的常用属性 5.4 div和span 5.5 盒子 5.6 定位 5.7 链接 5.8 综合实例 5.1 CSS(Cascading Style Sheets)简介 随着Internet的迅猛发展,HTML被广泛应用,上网的人们希望网页做得漂亮些,因此HTML排版和界面效果的局限性日益暴露出来。为了解决这个问题,人们走了不少弯路,用了一些不好的方法,比如给HTML增加很多的属性,结果将代码变得很臃肿,将文本全部变成图片,过多利用Table来排版,用空白的图片表示白色的空间等,直到CSS出现后局面有所改变。CSS可算是网页设计的一个突破,它解决了网页界面排版的难题。可以分别这样概括HTML和CSS的作用:HTML的Tag主要是定义网页的内容(Content),而CSS决定这些网页内容如何显示(Layout)。 5.1.1内嵌样式(Inline Style) Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效。 请看如下内嵌样式表: P style=font-size:20pt; color:red这个Style定义里面的文字是20pt 字体,字体颜色是红色。/p 在记事本中编辑HTML,将此内嵌样式应用,如下所示: 【例5-1】内嵌样式表 html headtitle内嵌式样式(Inline Style)/title/head body P style=font-size:20pt; color:red这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体,字体颜色是红色。/p P这段文字没有使用内嵌样式。/p /body /html 在浏览器里查看此网页,即可看到应用了内嵌样式后的效果,如图所示。 5.1.2内部样式表(Internal Style Sheet) 内部样式表是写在HTML的head/head里面的。内部样式表只对所在的网页有效。 内部样式表,如下所示。 【例5-2】内部样式表 HTML HEAD STYLE type=text/css H1.mylayout {border-width:1; border:solid; text-align:center; color:red} /STYLE /HEAD BODY H1 class=mylayout 这个标题使用了Style。/H1 H1这个标题没有使用Style。/H1 /BODY /HTML 5.1.3外部样式表(External Style Sheet) 如果很多网页需要用到同样的样式(Styles),可以使用外部样式。 将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。 比如可以用文本编辑器(NotePad)建立一个叫home的文件,文件后缀不要用.txt,改成.css。文件内容如下: 外部样式表,如下所示。 【例5-3】内部样式表 H1.mylayout {border-width: 1; border: solid; text-align: center;color:red} 然后建立一个网页(假设此网页与home.css在同一个文件夹下),代码如下: HTML HEAD link href=home.css rel=stylesheet type=text/css /HEAD BODY H1 class=mylayout 这个标题使用了Style。/H1 H1这个标题没有使用Style。/H1 /BODY /HTML 5.1.4串联(Cascading) CSS第一个字母,是Cascading,意为串联。它是指不同来源的样式(Styles)可以合在一起,形成一种样式。 Cascading的顺序是: 浏览器缺省(browser default)(优先级最低) 外部样式表(External Style Sheet) 内部样式表(Internal Style Sheet) 内嵌样式表(Inline Style)(优先级最高) 样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。假设内嵌(Inline)样式中有font-size:30pt, 而内部(Internal)样式中有font-size:12pt,那么内嵌(Inline)式样式就会覆盖内部(Internal)样式。 5.2样式表的基本语法 5.2.1 CSS语法简介 通常情况下,CSS
您可能关注的文档
最近下载
- 光伏电站的运行与维护规范.pdf
- 危化企业加油加气站双重预防机制手册.doc VIP
- 《首批重点监管的危险化学品名录》.pdf VIP
- 设计的创造性思维和工程思维 课件 高中通用技术粤科版 必修 技术与设计 .ppt VIP
- 兄弟 HL-4150CDN 4570CDW 4150 4570 彩色激光打印机中文维修手册.pdf VIP
- 医护人员职业安全与防护.pptx VIP
- 常用量具、检具测量基础知识试题(附答案).docx VIP
- 建设工程造价鉴定规范.pdf VIP
- 2025年中国石化校园招聘确认笔试参考题库附带答案详解.docx
- 现代家政学概论-ppt6.1第一节服装搭配.pptx VIP
文档评论(0)