第06节、CSS3样式

企业官方账号

2023-01-13 02:58:16

课时名称	课时知识点
第06节、CSS3样式	了解CSS3样式对界面元素风格的改变，蕴含很多高级技巧

...全文

462 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

第1部分　CSS基础知识篇　第1章　CSS的初步体验　　　1.1　CSS的概念　　　1.2　使用CSS控制页面　　　1.3　体验CSS　　第2章　CSS的基本语法　　　2.1　CSS选择器　　　2.2　选择器声明　　2.3　CSS的继承　第3章　用CSS设置丰富的文字效果　　　3.1　CSS文字样式　　3.2　文字实例一：模拟Google公司Logo　　　3.3　文字实例二：制作页面的五彩标题　　　3.4　CSS段落文字　　3.5　段落实例：百度搜索　　第4章　用CSS设置图片效果　　　4.1　图片样式　　　4.2　图片的对齐　　4.3　图文混排　　　4.4　图文实例：八仙过海　 .　第5章　用CSS设置网页中的背景　　　5.1　背景颜色　　　5.2　背景图片　　　5.3　背景综合一：我的个人主页　　　5.4　背景综合二：古词《念奴娇·赤壁怀古》　　第6章　用CSS设置表格与表单的样式　　　6.1　控制表格　　　6.2　表格实例一：隔行变色　　　6.3　表格实例二：鼠标经过时变色的表格　　　6.4　表格实例三：日历　　　6.5　CSS与表单　　　6.6　综合实例一：直接输入的Excel表格　　　6.7　综合实例二：模仿新浪网民调查问卷　　第7章　用CSS设置页面和浏览器的元素　　　7.1　丰富的超链接特效　　7.2　鼠标特效　　7.3　页面滚动条　　第8章　用CSS制作实用的菜单　　　8.1　项目列表　　　8.2　无需表格的菜单　　　8.3　菜单的横竖转换　　　8.4　菜单实例一：百度导航条　　　8.5　菜单实例二：流行的Tab菜单　　第9章　CSS滤镜的应用　　　9.1　滤镜概述　　　9.2　通道（Alpha）　　　9.3　模糊（Blur）　　　9.4　运动模糊（Motion Blur）　　　9.5　透明色（Chroma）　　　9.6　下落的阴影（Dropshadow）　　　9.7　翻转变换（Flip）　　　9.8　光晕（Glow）　　　9.9　灰度（Gray）　　　9.10　反色（Invert）　　　9.11　遮罩（Mask）　　　9.12　阴影（Shadow）　　　9.13　X射线（X-ray）　　　9.14　浮雕纹理（Emboss和Engrave）　　　9.15　波浪（Wave）　第2部分　CSS+DIV美化和布局篇　第10章　理解CSS定位与div布局　　　10.1　 div 标记与 span 标记　　10.2　盒子模型　　10.3　元素的定位　　　10.4　定位实例一：轻轻松松给图片签名　　　10.5　定位实例二：文字阴影效果　　第11章　CSS+div布局方法剖析　　　11.1　CSS排版观念　　　11.2　固定宽度且居中的版式　　11.3　左中右版式　　　11.4　块的背景色问题　　11.5　排版实例：电子相册　　　11.6　div排版与传统的表格方式排版的分析　　第12章　CSS+div美化与布局实战　　　12.1　框架搭建　　　12.2　实例一：蓝色经典　　　12.3　实例二：清明上河图　　　12.4　实例三：交河故城　　　12.5　自动选择CSS样式　第3部分　CSS混合应用技术篇　第13章　CSS与JavaScript的综合应用　　　13.1　JavaScript概述　　13.2　JavaScript语法基础　　13.3　实例一：输入时高亮显示的Excel表格　　　13.4　实例二：由远到近的文字　　　13.5　实例三：跑马灯特效　　　13.6　实例四：图片淡入淡出　　　13.7　实例五：CSS实现PPT幻灯片　　　13.8　实例六：灯光效果　　　13.9　实例七：舞台灯光　　　13.10　实例八：探照灯　　　13.11　实例九：鼠标文字跟随　　第14章　CSS与XML的综合运用　　　14.1　XML基础　　　14.2　XML链接CSS文件　　　14.3　XML文字阴影效果　　　14.4　XML古诗字画　　　14.5　XML实现隔行变色的表格　　第15章　CSS与Ajax的综合应用　　　15.1　Ajax概述　　　15.2　Ajax入门　　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　　16.1　分析构架　　　16.2　模块拆分　　　16.3　整体调整　　第17章　小型工作室网站　　　17.1　分析构架　　　17.2　模块拆分　　17.3　整体调整　　第18章　企业网站　　　18.1　分析构架　　18.2　模块拆分　　18.3　整体调整　　第19章　网上购物网站　　　19.1　分析构架　　19.2　模块分析　　19.3　整体调整　　第20章　旅游网站　　　20.1　分析构架　　　20.2　模块拆分　　20.3　整体调整

HTML5与CSS3权威指南目录(?)[+] 第一章Web时代的变迁第二章HTML5与HTML4的区别第三章HTML5的结构第四章表单与文件第五章绘制图形第六章多媒体播放第七章本地存储第八章离线应用程序第九章通信API 第十章使用Web Workers处理线程第十一章获取地理位置的信息第十二章CSS 3概述第十三章选择器第十四章使用选择器在页面中插入内容第十五章文字与字体相关样式第十六章盒相关样式第十七章与背景和边框相关样式第十八章CSS 3中的变形处理第十九章CSS 3中的动画功能第二十章布局相关样式第二十一章Media Queries相关样式第二十二章CSS 3的其他重要样式和属性第二十三章综合实例

第1部分　CSS基础知识篇　第1章　CSS的初步体验　　　1.1　CSS的概念　　　1.2　使用CSS控制页面　　　1.3　体验CSS　　第2章　CSS的基本语法　　　2.1　CSS选择器　　　2.2　选择器声明　　2.3　CSS的继承　第3章　用CSS设置丰富的文字效果　　　3.1　CSS文字样式　　3.2　文字实例一：模拟Google公司Logo　　　3.3　文字实例二：制作页面的五彩标题　　　3.4　CSS段落文字　　3.5　段落实例：百度搜索　　第4章　用CSS设置图片效果　　　4.1　图片样式　　　4.2　图片的对齐　　4.3　图文混排　　　4.4　图文实例：八仙过海　 .　第5章　用CSS设置网页中的背景　　　5.1　背景颜色　　　5.2　背景图片　　　5.3　背景综合一：我的个人主页　　　5.4　背景综合二：古词《念奴娇·赤壁怀古》　　第6章　用CSS设置表格与表单的样式　　　6.1　控制表格　　　6.2　表格实例一：隔行变色　　　6.3　表格实例二：鼠标经过时变色的表格　　　6.4　表格实例三：日历　　　6.5　CSS与表单　　　6.6　综合实例一：直接输入的Excel表格　　　6.7　综合实例二：模仿新浪网民调查问卷　　第7章　用CSS设置页面和浏览器的元素　　　7.1　丰富的超链接特效　　7.2　鼠标特效　　7.3　页面滚动条　　第8章　用CSS制作实用的菜单　　　8.1　项目列表　　　8.2　无需表格的菜单　　　8.3　菜单的横竖转换　　　8.4　菜单实例一：百度导航条　　　8.5　菜单实例二：流行的Tab菜单　　第9章　CSS滤镜的应用　　　9.1　滤镜概述　　　9.2　通道（Alpha）　　　9.3　模糊（Blur）　　　9.4　运动模糊（Motion Blur）　　　9.5　透明色（Chroma）　　　9.6　下落的阴影（Dropshadow）　　　9.7　翻转变换（Flip）　　　9.8　光晕（Glow）　　　9.9　灰度（Gray）　　　9.10　反色（Invert）　　　9.11　遮罩（Mask）　　　9.12　阴影（Shadow）　　　9.13　X射线（X-ray）　　　9.14　浮雕纹理（Emboss和Engrave）　　　9.15　波浪（Wave）　第2部分　CSS+DIV美化和布局篇　第10章　理解CSS定位与div布局　　　10.1　 div 标记与 span 标记　　10.2　盒子模型　　10.3　元素的定位　　　10.4　定位实例一：轻轻松松给图片签名　　　10.5　定位实例二：文字阴影效果　　第11章　CSS+div布局方法剖析　　　11.1　CSS排版观念　　　11.2　固定宽度且居中的版式　　11.3　左中右版式　　　11.4　块的背景色问题　　11.5　排版实例：电子相册　　　11.6　div排版与传统的表格方式排版的分析　　第12章　CSS+div美化与布局实战　　　12.1　框架搭建　　　12.2　实例一：蓝色经典　　　12.3　实例二：清明上河图　　　12.4　实例三：交河故城　　　12.5　自动选择CSS样式　第3部分　CSS混合应用技术篇　第13章　CSS与JavaScript的综合应用　　　13.1　JavaScript概述　　13.2　JavaScript语法基础　　13.3　实例一：输入时高亮显示的Excel表格　　　13.4　实例二：由远到近的文字　　　13.5　实例三：跑马灯特效　　　13.6　实例四：图片淡入淡出　　　13.7　实例五：CSS实现PPT幻灯片　　　13.8　实例六：灯光效果　　　13.9　实例七：舞台灯光　　　13.10　实例八：探照灯　　　13.11　实例九：鼠标文字跟随　　第14章　CSS与XML的综合运用　　　14.1　XML基础　　　14.2　XML链接CSS文件　　　14.3　XML文字阴影效果　　　14.4　XML古诗字画　　　14.5　XML实现隔行变色的表格　　第15章　CSS与Ajax的综合应用　　　15.1　Ajax概述　　　15.2　Ajax入门　　15.3　Ajax实例：能够自由拖动布局区域的网页　第4部分　综合案例篇　第16章　我的博客　　　16.1　分析构架　　　16.2　模块拆分　　　16.3　整体调整　　第17章　小型工作室网站　　　17.1　分析构架　　　17.2　模块拆分　　17.3　整体调整　　第18章　企业网站　　　18.1　分析构架　　18.2　模块拆分　　18.3　整体调整　　第19章　网上购物网站　　　19.1　分析构架　　19.2　模块分析　　19.3　整体调整　　第20章　旅游网站　　　20.1　分析构架　　　20.2　模块拆分　　20.3　整体调整

内容概要：本文档是《HTML5+CSS3网页设计与制作(第2版)》第三章的教学方案，详细介绍了CSS3的基础知识。随着网页制作技术的发展，HTML5属性样式的简单应用已无法满足需求，而CSS3能在不改变HTML结构的情况下提供更丰富的样式效果。教学目标包括让学生理解结构与表现分离的概念及其作用，掌握CSS3的优势、样式规则、引入方式、基础选择器、文本样式属性、复合选择器、层叠性和继承性以及优先级规则。教学重点在于引入CSS样式、基础选择器、字体样式属性、文本外观属性和复合选择器，难点在于复合选择器、层叠性和继承性、优先级。教学方式以课堂讲授为主，结合PPT和代码演示。课程分为六个课时，包括理论讲解、案例制作和上机练习。适合人群：适合正在学习网页设计与制作，特别是对CSS3感兴趣的初学者或有一定HTML基础的学生。使用场景及目标：①帮助学生理解结构与表现分离的重要性；②掌握CSS3的基本语法和规则；③能够独立完成简单的网页样式设计任务；④通过上机练习巩固所学知识，提高实际操作能力。其他说明：教学过程中强调理论与实践相结合，通过案例和上机练习加深学生对知识点的理解。此外，教师会通过提问、复习巩固等方式确保学生对每个知识点的掌握。

12天学会DIV+CSS从理论到实践的教程，强烈推介。第一天：选择什么样的DOCTYPE 第二天：什么是名字空间第三天：定义语言编码第四天：调用样式表第五天：HEAD区的其他设置第六天：XHTML代码规范第七天：CSS入门第八天：CSS布局入门第九天：第一个CSS布局实例第十天：自适应高度十一天：不用表格的菜单十二天：校验及常见的错误

杨若瑜的课程社区_NO_1

2

社区成员

73

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章