HTML+CSS网页设计与布局教案

1、 HTML+CSS网页设计与布局课程教案授课教师： 授课班级： 地点： 周课时： 5课时早下 内容网页设计基础知识Dreamweaver软件介绍及具基础操作HTML础知识及常用标记教学 目标1）使学生了解网页设计的相关基础知识；2） 使学生熟悉Dreamweaver软件界面的基本操作方法。重点 难点1） 了解网页设计相关概念和网页的类型；2） 熟练掌握Dreamweaver软件创建和管理站点的方法。教学 方法课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教学过程设计一、引入1、相互认识，提出与本学科相关的知识，介绍本门课程情况、教学内 容及总学时数进度安排， 宣讲

2、本课程教学纪律， 鼓励学生营造一种 学习氛围，尊重同学，互帮互学，真正达到学以致用；2、提出问题：上过网吧？有谁自学过网页设计？听说过HTM域者CSS这两个概念吗？3、二、告知学生课堂任务本次课所学习的主要内谷是HTMlLf关基础知识和 Dreamweaver软件基础操作；三、逐步演示讲解分析教学内容1、 网站和网页的区别：2、 （1）网页是Internet 基本兀素；3、 （2）网站由网页组成；4、 静态网贝和动态网贝：5、 静态网贝：纯粹 HTML语言格式的网贝通常被称为静态网贝，静态 网页的后缀名通常为 .htm、.html、.shtml、.xml。6、 动态网贝：许多人认为网贝会动就是

3、动态网贝，这是个错误的观点，在静态的网页中也可以含有动态的图片，这仅仅是视觉上的动态罢了。真正的动态网页是指实际上并不是独立存在于服务器上的网页 文件，只有当用户请求时服务器才返回一个完整的网页。也就是说，它是返回到了客户端上的网页。例如网页文件是以 ASR PHP JSRASPX为结尾就是动态的网页了。7、 静态网页的特点：8、 （1）内容相对稳定，容易被搜索引擎检索到；9、 （2）没有数据库支持，在网站制作和维护方面工作量大；10、 （3）交互性差，在功能方向有很大的限制。11、 动态网页的特点：约15分钟约35分钟约20分钟约30分钟约20分钟约20分钟约20分钟约30分钟约20分钟约3

4、0分钟约20分钟约20分钟约40分钟学生理解 学生熟记 学生实践 学生实践 学生实践 学生实践 学生实践 总结12、 （1）以数据库技术为基础，可大大降低网站维护的工作量；13、 （2）可实现更多的功能，如用户注册、新闻发布、在线留言等；14、 （3）不利于使用搜索引擎进行网站推广。15、常见网页类型：形象页、主页、栏目页、内页、新闻详细页等；16、网页设计原则：17、（1） 了解客户需求18、（2）遵循 Webfe准19、（3）运用形式美法则20、网页设计流程：21、 （1）手绘效果图：确定网页主题内容和风格22、 （2）设计效果图：搜集、整合设计所需素材23、 （3）版面编辑：网页的制作与

5、实现24、 （4）网贝美化：动回设计，网贝测试和发布25、网页设计的主要软件：26、 （ 1） Photoshop27、 （2） Dweamveawer28、 （3） Flash29、 （4） Firworks30、HTM小础知识：31、 （1） HTML既念：Hyper Text Markup Language超文本标识语言；32、 （2） HTM戊档的编写方法：用记事本手工直接编写、使用可视化HTM爆辑器 Dreamweaver、由 Web服务器动态生成；33、 （3）网页文件命名：首页文件名默认为：或；34、 （4） HTML文件结构：35、 36、 37、 38、 39、 40、 HT

6、ML 文件的止义41、 42、 43、 （5）用编辑而手工编与第 张网贝；44、学生实训及辅导；45、Dreamweaver软件界面介绍：46、 （1）软件面板组成及基本操作方法47、 （2）软件首选参数设置48、 Dreamweaver 站点创建：49、站点- 新建站点- 设置站点名称-设置站点默认图像文件夹。50、学生实训操作：Dreamweaver站点创建与设置；51、Dreamweaver创建第L个网页:52、 （1）名称：53、 （2）设置标题、输入文本、输入特殊字符54、 （3）页面属性设置55、 （4）预览网页56、学生实训及辅导；57、HTML常用标记：58、 （1）标题标记：

7、主题文字59、 （2）段洛标记：这里表小段洛60、 （3）换行与注释：、61、 （4）粗体与斜体：粗体、斜体62、 （5）删除线与卜划线：删除线、下划线63、 （6）上标与 卜标： 上标 下标 64、学生实训及辅导；65、字体标记：66、 （1）子体大小：子体大小 67、 （2）字体颜色：字体颜色 68、 （3）设置标题字体： 主题义字69、 （4）物理字体：70、 ,将字符设置成粗体。71、 ,将字符设置成斜体。72、 ,给字符增加下划线。73、 ,给字符增加删除线。74、 - ,将字符设置成打字机字体。75、 - ,将字符设置成上标字体。76、 - ,将字符设置成下标字体。77、 （5）逻

8、辑字体：78、 - y/EM虽调文字。79、 STRONG/STRONG 字体力口重。80、 E示编程代码。81、 /SAMP湿示示例文字。82、 出口显示如按键文字。83、 /SMALL缢小义字。84、 放大文字。85、字体标记实例讲解；86、学生实训及辅导；四、课外作业五、第3章上机实践。六、七、课堂小结本次课主要内容：1、网页设计基础知识；2、Dreamweaver基本使用方法；3、HTML础知识及常用标记；后 记HTML+CSS页设计与布局 课程教案授课教师：授课班级：地点：周课时：5课时早下 内容文字布局 插入图像 超级链接教学 目标3）使学生熟练掌握HTML常用标记的基本使用方法；

9、4）使学生掌握HTM喻用标记各种属性的含义和设置方法。重点 难点3）掌握各种HTM馆用标记的基本使用方法；4） 熟记各种HTM馆用标记的含义。学法 教方课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教 学 过 程 设 计八、引入4、回顾上周所学内容：上周主要介绍了网页设计和HTMLLf关基础知识及Dreamweaver软件基础操作，重点介绍了HTML1I础知识及常用标记；5、提出问题：网贝中文字如何布局？如何在网贝中插入图像？如何运 用超级链接？6、九、告知学生课堂任务本次课所学习的主要内容是HTML字布局和插入图像、超级链接的标记应用。十、逐步演示讲解分析教学内

10、容87、换行控制：文字一 、文字二88、不换行控制：89、文字对齐：align=# 、 居中 90、设置段洛：段洛一 、段落一 91、学生实训及辅导；92、上周课外作业点评；93、无序列表：94、95、 表项一 96、 表项/心97、98、有序列表：99、100、 表项一 101、 表项102、 103、 欲格式化文本：文子、xmp文本约10分钟约30分钟约30分钟约40分钟约20分钟约20分钟约30分钟约30分钟约20分钟约30分钟约30分钟约30分钟学生理解 学生实践 学生实践 学生实践 学生实践 总结104、 计算机输出格式：105、 代码样式小型固定宽度字体显示的文本106、 代码样式

11、固定宽度字体渲染 107、 代码样式固定宽度字体渲染文本 108、 代码样式斜体字渲染 109、 学生实训及辅导；110、 在网页中插入图像：111、 图像无法显示时的提示信息：img src= alt=风景112、 控制图像的大小：113、 114、 设置边框：115、 116、 图像的链接：117、 118、 学生实训及辅导；119、 图像映射图：120、 文本与图像对齐： 121、 学生实训及辅导；122、 最简单的文字超链： 文字链接123、 超链网页的打开方式： _blank、_parent、_self、_top124、 链接的注释：125、 163 网站 126、 设置图片链接：1

12、27、 设置锚点：a name=锚点名文章中的文字128、 邮箱地址链接：129、 作者的邮箱 130、 相对路径：131、 相对路径是指这个文件在所在的位置与其他文件或文件夹的关系；132、 绝对路径：133、 HTML色对路径(absolutepath )指带域名的文件的完整路径。134、 学生实训及辅导；十一、课外作业十二、第6章上机实践。十三、十四、课堂小结本次课主要内容：135、 ML文字布局；136、 ML!入图像；137、 ML级链接。后记HTML+CSS页设计与布局 课程教案授课教师： 授课班级： 地点： 周课时： 5课时早下 内容表单的使用 插入表格教学 目标5）使学生熟练掌

13、握HTML常用标记的基本使用方法；6）使学生掌握HTM喻用标记各种属性的含义和设置方法。重点 难点5）掌握各种HTML用标记的基本使用方法；6） 熟记各种HTML用标记的含义。教学 方法课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教学过程设计十五、 引入7、回顾上周所学内容：上周主要介绍了HTML义字布局和插入图像的基本方法，重点介绍了超级链接的标记应用；8、提出问题：什么是表单？常见的表单有哪些？如何在网页中使用表格？9、十六、告知学生课堂任务本次课所学习的主要内容是HTM京单和表格的标记应用。十七、逐步演示讲解分析教学内容135、 表单基本语法：、属性 ac

14、tion 和 method136、 文本框：137、 密码框：138、 单选框：139、 复选框：140、 按钮设置：input type=submit value=按钮提交141、 学生实训及辅导；142、 上周课外作业点评；143、 下拉表：144、 145、 146、 选项一 147、 选项二 148、 option selected 选项三 149、 绝对路径150、 域：151、 表单应用实例讲解；152、 学生实训及辅导；153、 表格基本语法：约10分钟约30分钟约40分钟约30分钟约20分钟约20分钟约40分钟约30分钟约40分钟约20分钟约40分钟学生理解 学生实践 学生实践

15、 学生实践 学生实践 总结154、 155、 标签对表示表行156、 标签对表示表头157、 标签对表示表元158、 跨多行表元：Rowspan159、 跨多列表元：colspan160、 表格内设置文字对齐：161、 对齐语法用align表示，后面接的值是left、center和right ,分别代表向左、居中和向右对齐复选框162、 表格在网页中对齐： ;163、 学生实训及辅导；164、 表格应用实例讲解；165、 学生实训及辅导；十八、课外作业十九、第8章上机实践。二十、二十一、课堂小结本次课主要内容：166、 的使用；167、 表格；168、 应用实例；后记HTML+CSS页设计与布

16、局 课程教案授课教师：授课班级：地点：周课时：5课时4网贝框架早下 内容对象移动属性多媒体对象应用教学7）使学生熟练掌握HTML常用标记的基本使用方法；目标8）使学生掌握HTM喻用标记各种属性的含义和设置方法。重点7）掌握各种HTM馆用标记的基本使用方法；难点8） 熟记各种HTM馆用标记的含义。学法 教方课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注二十二1、 引入约10分钟学生理解10、回顾上周所学内容：上周主要介绍了HTMUtl单和表格的标记约20分钟学生实践应用方法，重点介绍了表单的应用实例；约30分钟学生实践11、提出问题：框架网贝如何创建？如何使网贝中的

17、对象移动？如约30分钟学生实践何在网贝中插入 Flash、影片、声音？约10分钟学生实践12、约20分钟学生实践二十三、告知学生课堂任务约20分钟学生实践本次课所学习的主要内容是HTMLW页框架和对象移动属性、多媒约40分钟总结体对象的标记应用。约20分钟二十四、逐步演示讲解分析教学内容约20分钟166、框架的基本语法：约10分钟教167、约20分钟学168、约30分钟过169、约40分钟程170、设171、计172、173、174、框架垂苴分栏：175、垂苴分栏是仕 中用 cols 表不跨多歹“表兀， colspan176、框架水平分栏：177、水平分柱的语法用rows表7K178、设置不可

18、调节框架大小：noresize179、学生实训及辅导；180、上周课外作业点评；181、浏览器不支持框架：182、设置框架边框：183、设置滚动条：184、 设置滚动条在是 里面，用scrolling 属性185、 导航框架：186、 导航框架是在网页框架的中加入name属性，表不该的名称，然后通过用 标记的链接，并用 target的属性 值等丁 的名称；187、 内联框架：188、 内联框架存在的单个HTMLt件中，可以链接其他网贝并显布它，即在一个贝囿中嵌入一个框架窗口来显不另一个 页面的内容，叫做浮动框架也称内联框架；189、 学生实训及辅导；190、 框架应用实例讲解；191、 学生实

19、训及辅导；192、 移动属性基本语法：要移动白对象193、 的移动设置：194、 图片移动的设置：195、 文本移动的方向： 向上移动196、 文本的滚动循环；197、 文本的移动速度：scrollamount 设置移动的速度198、 学生实训及辅导；199、 网页多媒体的基本语法： 200、 隐藏面板的设置；201、 对齐方式：202、 align=top 、bottom、center 、baseline 、left 、right 、texttop 、middle、 absmiddle、absbottom203、 学生实训及辅导；204、 移动对象应用实例讲解；205、 多媒体对象应用实例讲

20、解；206、 学生实训及辅导；二十五、课外作业二十六、第11章上机实践。二十七、二十八、课堂小结本次课主要内容：1、网页框架；2、对象移动属性；3、多媒体对象应用。后 记HTML+CSS页设计与布局 课程教案授课教师： 授课班级： 地点： 周课时： 5课时早下 内容CSS基础知识CSS字体设置教学 目标9）使学生熟练掌握CSS常用样式的创建方法；10）使学生掌握CSM用样式各种属性的含义和设置方法。重点 难点9）掌握各种CSS常用样式的基本使用方法； 10）熟记各种CSS常用样式的含义。教学 方法课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教学过程设计二十九、引

21、入13、 回顾上周所学内容：上周主要介绍了 HTML网页框架和多媒体对象标记，重点介绍了 HTMLM象移动属性设置方法；14、 提出问题：什么是 CSS CSS有什么用？如何创建和使用CSS15、三十、告知学生课堂任务本次课所学习的主要内容是CS*础知识和CSS?体样式设置方法和技巧。三一、逐步演示讲解分析教学内容207、 CSSf关基础知识；208、 CS成件链接方式：209、 （1）内联定义：内联定义即是在对象的标记内，使用对象的style属性定义适用其的样式表属性。210、 链入内部 CSS:/*这里写 CSS 内容*/211、 （2）链接外部 CSS212、 213、 CSS浏览器兼容

22、性：214、 现在浏览器市场的主流浏览器主要是Internet Explorer （简称IE）和Mozilla Firefox（简称FF）,网页中的CSS因两个浏览器支持不同，所以对同一代码会显示不同的效果，那么为了达到网页的风格，有时要 注意哪个浏览器要写的CSS属，庄支持如何。如果某一属性只有一个浏览器支持，那么另一浏览器对这属性代码就不起作用。215、 CSS选择符：216、 CSS选择符就是CSS羊式的名字，选择符的命名规则可以使用英义字母的大写与小写、数字、连字号、下划线、冒号、句号，CSS选择符只能以字母开头，选择符在CSS中可分成多种，在本小节中只介绍常用的CSS选择符：HTML

23、fe签选才i符、ID选择符和CLASS（类选择符）选择符。约10分钟约40分钟约40分钟约60分钟约50分钟约40分钟约80分钟学生理解 学生实践 学生实践 总结217、 CSSBWA伪兀素：伪类：伪类选择符是基于一组预定义性质的选择符，HTML兀素可以占有这些预定义性质。实际上这些性质与class属性的功能是相同的，因此在CSS术语中，它们被称作伪类。在对应这些伪类的标记中，不存在真正的class属性，相反，它们代表应用到这些兀素的某些方面，或者是相对于该兀素的浏览器用户界面的状态。218、 CSS用单位：219、 em （em,九素的子体的图度）。220、 ex： （x-height ,字

24、母x的高度）。221、 px：（像素，相对于屏幕的分辨率）。222、 绝对长度单位：223、 in :（英寸，1英寸二厘米）。224、 cm：（厘米，1厘米=10毫米）。225、 mm （毫米，1 米=1000 毫米）。226、 pt :（点，1 点=1/72 英寸）。227、 pc：（帕,1 帕=12 点）。228、 上周课外作业点评；229、 学生实训及辅导；230、 字体和字体 颜色：font : font-style| font-variant|font-weight | font-size | line-height | font-family231、 子体大小：Font-size

25、,后面可接的参数值后：232、 xx-small|x-small|small|medium|large|x-large|xx-large|larger|smaller|length233、 字体重量：234、 Font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900235、 行距：line-height:# ;236、 子体类型:Font-family:fontname;237、 行距：line-height:# ;238、 间距与间隔：239、 word-spacing : normal|长度单位、l

26、etter-spacing:normal|length240、 字体应用实例讲解；241、 学生实训及辅导；三十二、课外作业三f二、第16章上机实践。三十四、三三、课堂小结本次课主要内容：1、CSS基础知识；2、CSS文件链接方式；3、CSS字体设置。后 记HTML+CSS页设计与布局 课程教案授课教师：授课班级：地点：周课时：5课时早下 内容CSS文本设置CSS背景设置 对象尺寸设置教学 目标11）使学生熟练掌握 CSS常用样式的创建方法；12）使学生掌握CSM用样式各种属性的含义和设置方法。重点 难点11）掌握各种CSS常用样式的基本使用方法；12）熟记各种CSS常用样式的含义。学法 教方

27、课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教 学 过 程 设 计三十六、 引入16、 回顾上周所学内容：上周主要介绍了 CSS础知识和CSS文件链接方式，重点介绍了CSS?体样式设置方法；17、 提出问题：如何用CSS进行文本和背景设置？如何控制网页中的对象尺寸？18、三十七、告知学生课堂任务本次课所学习的主要内容是CSS文本设置和背景设置、对象尺寸设置的方法和技巧。 三十八、逐步演示讲解分析教学内容242、 字母大小写转换：243、 text-transform : capitalize | uppercase | lowercase | none244、

28、capitalize:使每个词的首字母大与245、 uppercase :使每个子的所有字母大与246、 lowercase :使每个子的所有字母小与247、 none：字母以正常形式显示248、 义字修饰：249、 text-decoration : underline | overline | line-throungh |blink | none250、 underline :给文字加下划线251、 overline :给文字加上划线252、 line-through :给义字加删除线253、 blink :文字在闪烁254、 none：缺省使用无255、 文本空格处理方式：white-

29、space : normal | pre | nowrap256、 文本水平和垂直对齐：257、 （1）垂直对齐：258、 baseline :使兀素和上级兀素的基线对齐约10分钟约30分钟约30分钟约60分钟约40分钟约30分钟约40分钟约30分钟约50分钟学生理解 学生实践 学生实践 学生实践 总结259、 sub:使对象以下标的形式显示260、 Super：使对象以上标的形式显示261、 top：使兀系和行中取局的兀系向上对齐262、 text-top :使元素和上级元素的字体向上对齐263、 middle :纵向对齐元素基线加上上级元素的x-度字母 x”的高度的一一的一半的中点264、

30、 bottom :使兀系和行中取身的兀系向卜对齐265、 text-bottom :使兀素和上级兀素的字体向卜对齐266、 （2）水平对齐：267、 left :浏览器默认的对齐方式，左对齐268、 Right :右对齐269、 center :居中270、 justify :左右对齐271、 文本缩进：text-indent:长度| 百分比272、 学生实训及辅导；273、 上周课外作业点评；274、 设置背 色： background-color: transparent |color275、 设置图像的滚动： background-attachment : scroll | fixed2

31、76、 设置背景图像的 位置：background-position: length |length277、 background-position : position | position278、 铺排背景图像：background-repeat : repeat | no-repeat |repeat-x | repeat-y279、 学生实训及辅导；280、 设置对象宽度：width : auto | length281、 设置对象局度：height : auto | length282、 宽度和高度实例：283、 （1）在网贝中布局多个层，并在每个层中写上文字；284、 （2）设置层

32、的宽度，使每个层按 50像素增加；285、 （3）给每个层添加一个ID,然后在CSS中对ID名称进行控制；286、 （4）设置层居中。287、 学生实训及辅导；一 1九、课外作业四十、第19章上机实践。四四十二、课堂小结本次课主要内容：288、 S文本设置；289、 S背景设置；290、 尺寸设置。后 记HTML+CSS页设计与布局 课程教案授课教师： 授课班级： 地点： 周课时： 5课时早下 内容设置外补丁和内补丁 对象边框和定位设置教学 目标13）使学生熟练掌握 CSS常用样式的创建方法；14）使学生掌握CSM用样式各种属性的含义和设置方法。重点 难点13）掌握各种CSS常用样式的基本使用

33、方法；14）熟记各种CSS常用样式的含义。教学 方法课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教学过程设计四十三、引入19、 回顾上周所学内容：上周主要介绍了CSS文本设置和背景设置，重点介绍了对象尺寸设置的方法和技巧；20、 提出问题：什么是外补丁和内补丁？外补丁和内补丁如何创建？如何给网页中的对象进行定位？21、四十四、告知学生课堂任务本次课所学习的主要内容是CSS外补丁和内补丁、对象边框和定位设置的方法和技巧。四十五、逐步演示讲解分析教学内容288、 外补丁：表示具体的精确宽度。289、 margin : auto | length290、 外补丁的外延

34、设置：291、 顶端外补丁用法： margin-top:auto|length292、 右端外补丁用法：margin-right:auto|length293、 底端外补丁用法：margin-bottom:auto|length294、 左端外补丁用法：margin-left:auto|length295、 外补丁实例；296、 上周课外作业点评；297、 学生实训及辅导；298、 层与层的距离效果；299、 对层布局；300、 设置层的尺寸；301、 设置层漂移；302、 设置层与层之间的间隔；：303、 学生实训及辅导；304、 内补丁：表示对象中的内部填充距离。305、 padding

35、: length约10分钟约20分钟约10分钟约30分钟约30分钟约30分钟约30分钟约30分钟约15分钟约30分钟约10分钟约40分钟约15分钟约30分钟学生理解 学生实践 学生实践 学生实践 学生实践 学生实践 总结306、 顶端内补丁用法：padding-top:length;307、 右端内补丁用法： padding-right : length308、 底端内补丁用法：padding-bottom : length309、 左端内补丁用法： padding-left : length310、 内补丁综合实例；311、 学生实训及辅导；312、 边框的基本语法：313、 border

36、: border-width | border-style | border-color314、 边框颜色：border-color : color315、 边框样式表小：316、 border-style : none | dotted | dashed | solid | double| groove | ridge | inset | outset317、 参数none：表小无边框,默认值。318、 参数dotted :表小点线，由一点点组成的边框。319、 参数dashed:表示虚线，边框由虚线表示。320、 参数solid :表示实线，边框由实线表示，常用的参数。321、 参数dou

37、ble:双线边框。322、 参数groove:立体形式的凹槽。323、 参数ridge :立体形式的凸槽。324、 参数insert:立体形式的凹边。325、 参数outset:立体形式的凸边。326、 边框范border-width : medium | thin | thick |length327、 参数medium：默认值，表小默认范度。328、 参数thin :表示小于默认宽度。329、 参数thick :表示大于默认宽度。330、 参数length :直接表示边框宽度的值。331、 学生实训及辅导；332、 定位的基本语法：position : static | absolute

38、| relative333、 对象层叠顺序：z-index : auto | number334、 相对定位实例；335、 学生实训及辅导；四十六、课外作业四十七、第22章上机实践。四十八、四十九、课堂小结本次课主要内容：336、 S设置外补丁和内补丁；337、 S对象边框设置；338、 S定位设置。后 记HTML+CSS页设计与布局 课程教案授课教师： 授课班级： 地点： 周课时： 5课时早下 内容CSS使用列表的方法CSS表格控制方法教学 目标15）使学生熟练掌握 CSS常用样式的创建方法；16）使学生掌握CSM用样式各种属性的含义和设置方法。重点 难点15）掌握各种CSS常用样式的基本使

39、用方法；16）熟记各种CSS常用样式的含义。教学 方法课堂讲授、案例讲解与指导教学 环境计算机机房教学过程及内容提要时间 分配备注教学过程设计五十、 引入22、 回顾上周所学内容：上周主要介绍了 CSS外补丁和内补丁，重点介绍了对象边框和定位设置的方法和技巧；23、 提出问题：如何使用CSS创建CSS歹U表？如何使用 CSS控制表格？24、五告知学生课堂任务本次课所学习的主要内容是CSSJ表和表格设置的方法和技巧。五十二、逐步演示讲解分析教学内容336、 列表的基本语法：337、 list-style: list-style-image| list-style-position|list-style-type338、 参数list-style-image:用来设置列表的图像。339、 参数list-style-position:用来设置列表项标记如何根据文本排列。340、 参数list-style-type:用来设置列表项所使用的预设标记。341、 设置列表中的图像：342、 list-style-image : no