使用HTML开发商业网站 list-style-position属性 list-style-type属性用于控制无序和有序列表的项目符号。 list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。 list-style-position属性用于控制列表项目符号的位置。 CSS控制列表样式 例如： CSS控制列表样式 谢谢大家

使用HTML开发商业网站 定义列表 定义列表 以传智播客师资介绍为例，认识定义列表 列表标签 定义列表的基本语法格式如下：

名词1

名词1解释1

名词1解释2

...

名词2

名词2解释1

名词2解释2

...

定义列表 接下来通过一个具体的案例来演示定义列表在图文混排中的应用，如例6-4所示。 列表标签 定义列表 例6-4 图文混排定义列表 列表标签 谢谢大家

使用HTML开发商业网站 案例-制 作 图 文 混 排 页 面 阶段案例——制作图文混排页面 制作图文混排页面 分析效果图 一个标题，多个段落构成，标题可以使用标题标记

、段落标记

进行定义。为了显示特殊效果，可以使用进行定义。 分析效果图 2.样式定义 使用了特殊字体，需要下载，使用@font-face属性定义服务器字体，然后应用font属性控制段落文本的字号、粗细和颜色等样式。 分析效果图 @charset "utf-8"; /* CSS Document */ @font-face{ font-family:jianzhi; src:url(font/FZJZJW.TTF); } h2{ font-family:jianzhi; text-align:center; font-size:36px; color:#666; letter-spacing:10px; }样式如下： h2 span,.author span{color:#076BBC;} .author{ text-align:center; color:#666; font-family:"楷

;什么是列表的嵌套？;;在使用列表时，列表项中也有可能包含若干子列表项。这种在列表项中定义子列表项的方法被称为列表的嵌套。;

• 咖啡
  1. 拿铁
  2. 摩卡
• 茶
  • 碧螺春
  • 龙井

; CSS控制列表样式;谢谢大家

认识盒子模型; 认识盒子模型;认识盒子模型;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;谢谢大家

使用HTML开发商业网站 CSS3 核 心 基 础 HTML5的优势 3/69 什么是CSS CSS（Cascading Style Sheet，层叠样式表）是一种格式化网页的标准方式，它扩展了 HTML 的功能，使网页设计者能够以更有效的方式设置网页格式。 (CSS禅意花园） 一个简单实例

一级标题

…其他正文…

一级标题

一级标题

…其他正文…

一级标题

CSS的优势 简化格式设置

使用HTML开发商业网站 布局及常用属性 布局概述 为什么要应用布局？ 布局概述 阅读报纸时会发现，虽然报纸中的内容很多，但 是经过合理地排版，版面依然清晰、易读。 1.确定版心 什么是版心？以某教育网站首页为例： 布局概述 布局概述 2.分析页面中的模块 布局概述 3.控制网页的各个模块 布局常用属性 应用排列 图文排列 论坛分享 布局常用属性 什么是浮动？ 布局常用属性 布局常用属性 属性值 描述 left 元素向左浮动 right 元素向右浮动 none 元素不浮动（默认值） 布局常用属性 为什么要清除浮动？ 布局常用属性 布局常用属性 如何清除浮动？ 布局常用属性 运用clear属性清除浮动 属性值 描述 left 不允许左侧有浮动元素（清除左侧浮动的影响） right 不允许右侧有浮动元素（清除右侧浮动的影响） both 同时清除左右两侧浮动的影响 常用属性值 布局常用属性 布局常用属性 空标签 overflow after伪对象 在浮动元素之后添加空标签，并对该标签应用“clear:both”样式，可清除浮动。这个空标签可以为