网页设计基础教程：深入理解CSS样式表
需积分: 9 195 浏览量
更新于2024-07-27
收藏 1.02MB PPT 举报
"《网页设计基础教程与上机指导(第2版)》是一本针对网页设计初学者的教程，特别关注CSS样式表的使用。本书旨在帮助学习者掌握CSS技术，实现网页内容与表现形式的分离，提高网页设计的灵活性和可维护性。"
在第8章"使用CSS样式表"中，主要讲解了以下几个核心知识点：
1. CSS样式表的概念：CSS（层叠样式表）是一种用于规定网页内容外观的格式设置规则。它使得内容和表现分离，HTML文件负责内容，而CSS文件则负责样式。这使得设计师能够更加便捷地调整页面布局和样式，且更新一处CSS即可影响所有引用该样式的网页。
2. CSS的优点：CSS提供了方便的更新功能，当更新CSS样式时，所有使用该样式的页面都将自动应用新样式。此外，CSS还允许对文本、块级元素等进行精细控制，如设定字体、大小、颜色，以及元素的边距、边框和定位，确保在不同浏览器间的一致性。
3. CSS规则和插入位置：CSS规则由选择器和声明组成，选择器指明要应用样式的元素，声明则包含属性和值。CSS样式可以内联、内部（在HTML文档的`<head>`部分）或外部（单独的CSS文件）插入，每种方式有其特定的使用场景和优缺点。
4. 使用Dreamweaver的【CSS样式】面板：Dreamweaver是一款常用的网页设计软件，它的【CSS样式】面板提供了一个直观的界面来创建、编辑和应用CSS样式。用户可以通过面板轻松管理样式，包括新建CSS样式、应用自定义样式，以及链接到外部CSS文件。
5. 创建和应用CSS样式：包括创建新的CSS样式，如定义选择器并设置相关属性，以及如何将这些样式应用于网页元素。此外，本章还介绍了如何自定义CSS，以满足个性化的页面设计需求。
6. 链接外部CSS样式表：外部CSS文件是将样式存储在单独文件中的方式，这种方式有利于代码的组织和重用。通过在HTML文档中添加`<link>`标签，可以将网页与外部CSS文件关联，从而实现样式的应用。
通过本章的学习，读者应能掌握创建、编辑和管理CSS样式的技能，进一步提升网页设计的效率和专业度。
http://www.wenyuan.com.cn
8.1.1
8.1.1
关于
关于
CSS
CSS
样式表
样式表
CSS 允许控制 HTML 无法独自控制的许多属性，如
可以为选定的文本指定不同的字体、大小和单位
( 像素、磅值等 ) ，通过使用 CSS 以像素为单位设
置字体大小，还可以确保在多个浏览器中以更一致
的方式显示页面外观。
除设置文本格式外，还可以使用 CSS 控制 Web 页
面中块级别元素的格式和定位。如设置块级元素的
边距、边框以及其他文本周围的浮动文本等。
–
1. CSS 规则
–
2. Dreamweaver 中 CSS 样式的类型
–
3. CSS 的插入位置
剩余17页未读，继续阅读
2020-02-10 上传
2021-10-01 上传
路过一蜻蜓
- 粉丝: 2
- 资源: 52
我的内容管理
展开
最新资源
- 创建个性化的Discord聊天机器人教程
- RequireJS实现单页应用延迟加载模块示例教程
- 基于Java+Applet的聊天系统毕业设计项目
- 从HTML到JSX的转换实战教程
- 轻量级滚动到顶部按钮插件-无广告体验
- 探索皇帝多云的天空：MMP 100网站深度解析
- 掌握JavaScript构造函数与原型链的实战应用
- 用香草JS和测试优先方法开发的剪刀石头布游戏
- SensorTagTool: 实现TI SensorTags数据获取的OS X命令行工具
- Vue模块构建与安装教程
- JavaWeb图片浏览小程序毕业设计教程
- 解决 Browserify require与browserify-shim冲突的方法
- Ventuno外卖下载器扩展程序使用体验
- IIT孟买医院模拟申请webapp功能介绍
- 掌握Create React App: 开发Tic-Tac-Toe游戏
- 实现顺序编程与异步操作的wait.for在HarmonyOS2及JavaScript中
