- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 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
您可能关注的文档
- 网球综合训练0418强化练习网前截击隔网多球.doc
- 网球综合训练0419强化练习网前截击隔网多球.doc
- 网球综合训练0420强化练习网前截击隔网多球.doc
- 网页设计素材《轮滑》教学团队《轮滑》教学团队.doc
- 网页设计习题习题13.docx
- 网页设计与制作网页制作基础知识项目3“网上花店”专题页制作答案.doc
- 网页设计与制作网页制作基础知识项目6“千年之恋”注册页面制作答案.doc
- 网页设计与制作网页制作基础知识项目7“赶快回家网”首页面制作答案.doc
- 网页设计与制作网页制作基础知识项目8“学好英语网”首页面制作答案.doc
- 网页样式制作(拓展)第3章边框样式嵌套列表与折叠.docx
- 网页样式制作(拓展)第9章页面排版div标签.docx
- 网页样式制作(拓展)第11章CSS3.0的过渡效果任务十一制作CSS3.0过渡效果页面学习指导.docx
- 网页样式制作(拓展)第13章综合运用HTML5+CSS3技巧制作门户网站页面HTML5制作统计功能的页面.docx
- 网页制作建立简单网站网页制作-第三周-任务24任务单-在HTML文档中创建表格.docx
- 网页制作实验报告实验报告26——产品宣传网站的制作.doc
- 微生物应用基础细胞干重法学习手册-细胞干重法.doc
- 微生物应用基础显微镜使用和维护电子教材-显微镜使用和维护.doc
最近下载
- 求阴影面积的常用方法.pdf VIP
- 2024年广东省深圳市盐田区梅沙街道招聘社区工作者真题含答案详解.docx VIP
- 英、美、中三国会计师事务所组织形式演变研究.pdf VIP
- 工会经费管理与内部审计问题分析及改进建议.docx VIP
- 电气管理课件.pptx VIP
- 2025中国现代文学史自考真题及答案 .pdf VIP
- 2025努力锻造忠诚干净担当的新时代政法铁军党课PPT课件.pptx VIP
- 富士达电梯MLVF-T无机房(CP40)电气原理图.pdf VIP
- 国家建筑标准设计图集-12S101 矩形给水箱.pdf VIP
- Pico Pico Neo 3 VR头盔 Pico Neo 3 0207 用户手册.pdf
文档评论(0)