网页样式制作(拓展)0.4.CSS的控制方式、第0章CSS3.0概述0.4.CSS的控制方式.docxVIP

网页样式制作(拓展)0.4.CSS的控制方式、第0章CSS3.0概述0.4.CSS的控制方式.docx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
0.4.CSS的控制方式 CSS按其位置可以分成三种: 外部样式表Linking(也叫外部样式):将网页链接到外部样式表。 内部样式表Embedding(也叫内页样式):在网页上创建嵌入的样式表。 内联样式Inline(也叫行内样式):应用内嵌样式到各个网页元素。 其中,优先级:内联式嵌入式外联式 0.4.1.内嵌样式(Inline Style) 内嵌样式是写在标记里面的。内嵌样式只对所在的标记有效。 例0-6:制作唐诗网页《登鹳雀楼》,诗的标题用绿色的黑体字并放大,作者名用黑色的隶书,诗的正文用黑色隶书并放大。网页保存为dgql.html 首先输入《登鹳雀楼》诗歌文本,然后在代码视图逐行输入如下代码: h2 style= font-family:黑体; color:#360; font-size:36px登鹳雀楼/h2 p style=font-family:隶书; color:#000; font-size:14px作者:王之涣/p p style= font-family:隶书; color:#000; font-size:20px 白日依山尽,黄河入海流。br / 欲穷千里目,更上一层楼。br / /p 内嵌样式表不能实现内容和样式分离,一般不推荐使用。 0.4.2.内部样式表(Internal Style Sheet) 内部样式表是写在HTML的head/head里面的。内部样式表只对所在的网页有效。 例0-7:用内部样式表进行样式设置,在head/head里面添加一对style标记,设置样式表,代码如下: head style type=text/CSS h2 {font-family: 黑体;font-size: 36px;color: #690;} .zz {font-family: 隶书;font-size: 20px;color: #000;} .zw {font-family: 隶书;font-size: 24px;color: #000;} /style /head body h2登鹳雀楼/h2 pspan作者:王之涣/spanbr / 白日依山尽,黄河入海流。br / 欲穷千里目,更上一层楼。br / /p h2鹿柴/h2 pspan作者:鹿柴/spanbr / 空山不见人,但闻人语响。br / 返影入深林,复照青苔上。br / /p h2江雪/h2 pspan作者:柳宗元/spanbr / 千山鸟飞绝,万径人踪灭。br / 孤舟蓑笠翁,独钓寒江雪。br / /p/body 使用菜单操作的步骤为: 1)输入诗歌文本,本例使用拆分视图; 2)把光标放在标题处,打开属性面板,切换到“CSS”选项,如图0-10所示:图0-10 “CSS”选项 图0-10 “CSS”选项 3)在“目标规则”中选择新CSS规则,然后按下“编辑规则”按钮; 4)设置h2标记的样式:在“新建CSS规则”窗口,将选择器类型选择为标记,选择器名称为“h2” 图0-11 “ 图0-11 “新建CSS规则”窗口 5)按下“确定”按钮后,进入CSS规则定义窗口(如图0-12所示),设置h2的文字样式。 图0-12 CSS 图0-12 CSS规则定义窗口 6)在网页中选中“作者:王之涣”,重复步骤3),打开“新建CSS规则”窗口。在“新建CSS规则”窗口中,将选择器类型选择为类,类的名称为“zz”,在“选择定义规则的位置”设置为“(仅限该文档)”,如图0-13所示。 图0-13 “ 图0-13 “新建CSS规则”窗口 7)按下“确定”按钮设置.zz(作者)的样式(参考图12),完成之后网页代码作者处自动添加一对span标记 span class=zz作者:王之涣/span 8)把光标定位在诗歌正文,重复步骤3),打开“新建CSS规则”窗口。在“新建CSS规则”窗口中,将选择器类型选择为类,类的名称为“zw”,在“选择定义规则的位置”设置为“(仅限该文档)”。 9)按下“确定”按钮设置.zz(作者)的样式(参考图0-12),完成之后网页代码正文段落P标记自动添加class属性 p class=zw 10)设置另外2首诗的样式:选中“作者:王维”,在属性面版的CSS选项,选中应用类zz(如图0-14所示),设置作者样式。将光标定为在诗歌正文,在属性面版的CSS选项,选中应用类zw,设置诗歌正文样式。 图0-14 图0-14 应用类 0.4.3.外部样式表(External Style Sheet) 外部样式表就是将样式表独立保存为扩展名为.CSS的样式表文件,供多个网页使用。样式表文件可以在任何文本编辑器中进行编辑。直接用DW执行文件-〉新建命令,页面类型选择CSS,在文件中输入CSS样式表代码,文件不能包含任何的 htm

文档评论(0)

WanDocx + 关注
实名认证
文档贡献者

大部分文档都有全套资料,如需打包优惠下载,请留言联系。 所有资料均来源于互联网公开下载资源,如有侵权,请联系管理员及时删除。

1亿VIP精品文档

相关文档