没有合适的资源?快使用搜索试试~ 我知道了~
首页掌握21世纪网页设计:Head First HTML与CSS&XHTML指南
"《Head First HTML with CSS & XHTML》是一本针对初学者设计的HTML与CSS及XHTML教程,旨在帮助读者系统地掌握这两种核心Web开发技术。作者以生动活泼的方式,遵循“Head First”系列书籍的视觉丰富和大脑学习理论,使读者能够轻松理解和记忆。书中的章节"Adding a Little Style"引入了CSS的概念,强调了在创建网页时如何摆脱浏览器内置样式限制,实现完全控制页面布局和呈现。 书中提到,尽管在学习过程中,读者可能已经专注于XHTML的基础结构,但CSS的重要性不容忽视。因为即使是最简单的HTML结构,通过CSS可以变得更具吸引力和个性化,提升用户体验。CSS是一种独立于HTML的语言,学习者将学会如何运用CSS来添加样式,如字体、颜色、布局等,从而提升网页设计的质量和专业度。 阅读这本书,读者不仅能学到如何使用CSS语言,还能了解到为何传统的HTML表格使用方式可能存在问题,并学习到更现代且可维护的方法。此外,书中还会指导读者如何区分“严格的HTML”和“外部CSS”,确保代码的清晰和可扩展性,以及避免过时的做法,如使用Web-safe颜色和内联字体标签。 《Head First HTML with CSS & XHTML》不仅是一本实用的技术指南,还注重培养读者的实践能力和创新思维,鼓励他们在实际项目中灵活应用所学知识,提升自己的Web开发技能。如果你希望在21世纪的Web世界中游刃有余,那么这本书无疑是你的理想选择,它将带你进入一个全新的、充满可能性的Web设计之旅。"
资源详情
资源推荐
getting started with css
you are here
293
+Z]Q[QVO_Q\P[\aTM"\PM\M[\LZQ^M
Instead of setting the color, what if you set background-color of
the <p> elements to maroon instead? How would it change the way
the browser displays the page?
HereÕs our
new maroon
paragraph text.
Go ahead and make all the changes from the last couple of
XIOM[\WaW]Z¹TW]VOMP\UTºÅTMQV\PM¹KPIX\MZ TW]VOMºNWTLMZ
save, and reload the page in your browser. You’ll see that the
paragraph text color has changed to maroon:
YiX`e
gfn\i
Everything else is
as it should be: the
headings are still black,
because all we selected
to style were the <p>
elements.
Notice that the color of
the links didnÕt change.
Keep that in the back of
your mind...
Excerpted from the book, "Head First HTML with CSS & XHTML", by Elisabeth and Eric Freeman,
published by O'Reilly Media Inc. ISBN 0-596-10197-X. Copyright 2005. Used by permission.
294
Chapter 8
How about a different
font for the Lounge
headings? Make them
really
stand out. I’m seeing big,
clean, gray...
;\aTM\PMPMILQVO
h1 {
font-family: sans-serif;
color: gray;
}
h2 {
font-family: sans-serif;
color: gray;
}
p {
color: maroon;
}
Now let’s give those headings some style. How about changing the
font a bit? Let’s change both the type of font, and also the color of
the heading fonts:
Actually, since these rules are exactly the same, we can
combine them, like this:
h1, h2 {
font-family: sans-serif;
color: gray;
}
p {
color: maroon;
}
HereÕs the rule to select <h1>
elements and change the
font-family to sans-serif
and the font color to gray.
WeÕll talk a lot more about
fonts later.
And hereÕs another rule to do
the exact same thing to the
<h2> element.
To write a rule for more than one
element, just put commas between
the selectors, like Òh1, h2Ó.
<M[\LZQ^M
)LL\PQ[VM_+;;\WaW]Z¹TW]VOMP\UTºÅTM
and reload. You’ll see that with one rule, you’ve
selected both the <h1> and <h2> headings.
Both of the headings on
the page are now styled
with a sans-serif font
and colored gray.
styling headings
Excerpted from the book, "Head First HTML with CSS & XHTML", by Elisabeth and Eric Freeman,
published by O'Reilly Media Inc. ISBN 0-596-10197-X. Copyright 2005. Used by permission.
剩余54页未读,继续阅读
weixin_39494248
- 粉丝: 5
- 资源: 16
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- JDK 17 Linux版本压缩包解压与安装指南
- C++/Qt飞行模拟器教员控制台系统源码发布
- TensorFlow深度学习实践:CNN在MNIST数据集上的应用
- 鸿蒙驱动HCIA资料整理-培训教材与开发者指南
- 凯撒Java版SaaS OA协同办公软件v2.0特性解析
- AutoCAD二次开发中文指南下载 - C#编程深入解析
- C语言冒泡排序算法实现详解
- Pointofix截屏:轻松实现高效截图体验
- Matlab实现SVM数据分类与预测教程
- 基于JSP+SQL的网站流量统计管理系统设计与实现
- C语言实现删除字符中重复项的方法与技巧
- e-sqlcipher.dll动态链接库的作用与应用
- 浙江工业大学自考网站开发与继续教育官网模板设计
- STM32 103C8T6 OLED 显示程序实现指南
- 高效压缩技术:删除重复字符压缩包
- JSP+SQL智能交通管理系统:违章处理与交通效率提升
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功