初识CSS选择器 -Web开发基础 山东开放大学孙翠翠
初识CSS选择器 ——Web开发基础 山东开放大学 孙 翠 翠
CSS在课程中的地位 Web的工作方式 CSS3基础和高级 Less 介绍web的工作原理和 主要介绍css3中选择 主要介绍使用动态语言 web开发相关的重要名 器，常用属性的使用 Iess来简化css3的代码 词解释 以及如何实现各种元 并让css代码变得更加 素定位和页面布局 便于维护和使用 第童 》 第2-3章 》 第45章 第6章 》 第7章 》 第8-9 HTML5基础知识点和 CSS渐变、过度和动画 响应式网页开发与 表单元素 主要介绍如何使用CSS3 Bootstrap 主要介绍HTM5标准中 捉供的渐变、过度和动 主要介绍如何开发响 各种网页元素的使用 画偏性制作炫酷的页面 应式网页来让网页使 和元素属性的介绍 动西效果 用不同设备下的屏慕 显示。同时，使用 Bootstrap样式类库来 简化样式的开发
学习目标 3 CSS是什么？ CSS如何写？ CSS如何用？
CSS是什么？ 1 CSS如何写？ 2 CSS如何用？ 3
学习重难点 3 CSS格式语法 重点 CSS的应用 澧 属性值的设置
2 31 CSS格式语法 CSS的应用 属性值的设置 重点 难点
CSS是什么？ HTML5基础知识 HTML5表单元素 2.1HTML文档结构 3.1表单介绍 2.2文本标记 3.2 input:元素 2.3处理多媒体内容与链接 3.3其他表单元素 2.4表格 2.5列表 HTML的基本作用：结构化网页 2.6结构标记
1 HTML5基础知识 2.1 HTML文档结构 2.2 文本标记 2.3 处理多媒体内容与链接 2.4 表格 2.5 列表 2.6 结构标记 HTML5表单元素 3.1 表单介绍 3.2 input元素 3.3 其他表单元素 HTML的基本作用：结构化网页
选择网页内容要遵循的原则 内容的合法性 保密性与知识产权问题 《互联网信息服务管理办法》 征得作者同意，避免侵权 传播正能量 内容的真实性 不做虚假宣传 为营造清朗网络空间做出努力
保密性与知识产权问题 征得作者同意，避免侵权 内容的真实性 不做虚假宣传 内容的合法性 《互联网信息服务管理办法》 传播正能量 为营造清朗网络空间做出努力
CSS是什么？ h1标记 给同学们的赠言 h1>给同学们的赠言 1.做什么事都要坚持不解地努力，要脚踏实地一步一步地往前走 2.九层之台，起于垒土，千里之行，始于足下 3.望远镜可以望见远的目标，却不能代警你走半步 4.生命不是要超越别人，而是要超越自己。 5.成功者绝不放弃，放弃者绝不会成功。 <>做什么事都要坚持 6.意志坚强的人，他的世界充满着无限的可能性。 7.要实现远大的奋斗目标，就必需能够忍耐得住别人的耻笑，忍耐 不懈地努力，要脚踏实地一 8.我要努力，以最好姿态出现在当初否定我的人面前。 9.活在忙与闲的两种境界里，才能俯仰自得，享受生活的乐趣，成 步一步地往前走 10.一无所有是一种财富，它让穷人产生改变命运的冲动。 11.不是成功离我们太远，而是我们坚特的太少。 1入别人怎么评价你都不重要，最重要的是自己得看的起自己 o1和标记
1 h1标记 ol 和li标记 给同学们的赠言 做什么事都要坚持 不懈地努力，要脚踏实地一 步一步地往前 走 ……
CSS是什么？ h1标记样式：下 边框，双线 给同学们的赠言 1.做什么事都要坚持不解地努力，要脚踏实地一步一步地往前走 2九层之台，起于垒土，千里之行，始于足下 3.望远镜可以望见远的目标，却不能代替你走半步 ol标记样式：下 4生命不是要超越别人，而是要超越自己。 边框，虚线 整个页面为凸边框 样式，形成立体感 5.成功者绝不放弃，放弃者绝不会成功。 设置背景色，营造 6.意志坚强的人，他的世界充满着无限的可能性】 信纸的格式 7.要实现远大的奋斗目标，就必需能够忍耐得住别人的耻笑，忍耐得住单干的寂寞 8.我要努力，以最好姿态出现在当初否定我的人面前。 9.活在忙与闲的两种境界里，才能俯仰自得，享受生活的乐趣，成就人生的意义。 CSS样式表 10.一无所有是一种财富，它让穷人产生改变命运的冲动， 11.不是成功离我们太远，而是我们坚持的太少。 12.别人怎么评价你都不重要，最重要的是自己得看的起自己
1 h 1标记样式：下 边框，双线 整个页面为凸边框 样式，形成立体感， 设置背景色，营造 信纸的格式 ol li标记样式：下 边框，虚线 CSS样式表
CSS是什么？ 全称 作用 范围 级联样式表 (层叠样式表) 设置HTML元 字体、颜色、边距 Cascading Style 素的样式、对 高度、宽度、背景 Sheets 网页进行布局 图像、高级定位等
1 级联样式表 （层叠样式表） Cascading Style Sheets 设置HTML元 素的样式、对 网页进行布局 字体、颜色、边距、 高度、宽度、背景 图像、高级定位等 全称 作用 范围
CSS是什么？ HTML用于结构化内容，Tag 主要用于定义网页的内容 空 CSS用于格式化内容，定义 网页如何显示内容
1 CSS用于格式化内容，定义 网页如何显示内容 HTML用于结构化内容，Tag 主要用于定义网页的内容 分 工