CSS美化网页.ppt
《CSS美化网页.ppt》由会员分享,可在线阅读,更多相关《CSS美化网页.ppt(19页珍藏版)》请在三一文库上搜索。
1、用CCS美化网页 层叠样式表(Cascading Style Sheets,CSS )是W3C定义和维护的标准,是一种用来为结 构化文档(如HTML文档或XML应用)添加样 式(字体、间距和颜色等)的计算机语言。 仇 书 崖 些 人 邦 莫 碾 歇 耪 茫 狼 家 蓬 篙 讯 黑 亡 慌 踩 矾 类 臀 魄 患 点 缚 骇 粮 驴 旋 寅 C S S 美 化 网 页 C S S 美 化 网 页 6.1CSS基础 CSS的基本概念在于可将网页要展示的内容 与样式设定分开,也就是将网页的外观设 定信息从网页内容独立出来,并集中管理 。这样,当要改变网页外观时,只需更改 样式设定的部分,HTML文件
2、本身并不需要 更改。 乳 砌 举 娜 鲍 苛 儒 暑 汁 砒 沫 傍 距 陇 枣 浅 凰 颤 赃 贬 箱 施 主 裸 禽 踞 馒 镣 屋 漆 低 媒 C S S 美 化 网 页 C S S 美 化 网 页 6.1.1认识“CSS样式”面板 选择“窗口”|“CSS样式”命令可以打开或者关 闭“CSS样式”面板。 样式表文件名 CSS规则列表 属性和属性值 列表 工具按钮栏 类别视图 谋 舶 梳 约 绸 峨 馒 浊 歌 潞 诀 兔 百 富 绰 凭 嘎 情 一 滨 通 琴 屋 邦 尸 旅 岸 召 玲 锭 论 峰 C S S 美 化 网 页 C S S 美 化 网 页 6.1.2新建CSS规则 (1)
3、在“新建CSS规则”对话框中首先设置“选择器类型”选项 。 (2)在“名称”文本框中选择或者输入一个CSS规则名称。 (3)设置CSS规则定义在本文档内还是定义在外部样式表 文件中。 (4)在“.mycss1的CSS规则定义”对话框中可以分类设置 CSS规则的属性。 (5)设置以后单击“确定”按钮即可完成一个CSS规则的定义 ,在“CSS样式”面板中就可以看到定义好的CSS规则。 (6)切换到“代码”视图,可以看到在HTML代码中新增了一 段CSS样式代码。 伙 谦 敬 迄 陶 募 籍 敲 瞧 叁 硬 箕 傈 奖 迭 镰 域 鉴 蝉 锰 乓 商 梯 换 酬 莽 安 勋 咆 四 移 墟 C S
4、S 美 化 网 页 C S S 美 化 网 页 6.1.3在网页中应用CSS样式 1在“属性”面板选择应用特定的样式 2利用【标签选择器】选择样式 3使用右键快捷菜单 4清除样式 5查看正在应用的样式属性列表 雌 克 艳 尖 园 撩 棚 魂 甩 沉 拿 典 辈 客 釜 券 条 骄 诡 潦 藐 碉 屯 沏 荐 穗 妓 硅 横 赁 侯 妙 C S S 美 化 网 页 C S S 美 化 网 页 6.2 创建CSS 创建CSS样式时,在“新建CSS规则”对话框中 ,设置不同的“选择器类型”可以创建不同类 型的CSS样式。一般情况下,经常创建的 CSS样式类型包括类选择符、标识选择符 、重定义HTML
5、标签、超级链接的CSS样式 等。 萍 奢 狞 朋 溶 忆 讣 滓 柔 督 漓 押 手 敝 筷 愤 豢 皇 续 咐 快 多 且 劈 舔 弊 刹 跨 履 左 拯 蔑 C S S 美 化 网 页 C S S 美 化 网 页 6.2.1类选择符 1建立类选择符CSS样式 2. CSS样式应用于文本 3. CSS样式应用于图片 4. 理解类标识符的CSS代码 运行效果 麓 吏 坝 外 灭 咱 莎 谁 抱 乙 钨 矮 找 兹 栈 狼 嚼 改 崔 职 道 踌 洪 唇 笋 玉 代 瞅 方 治 萍 未 C S S 美 化 网 页 C S S 美 化 网 页 6.2.2标识选择符 1建立标识选择符样式 2在单元格
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- CSS 美化 网页
链接地址:https://www.31doc.com/p-5798570.html