使用HTML开发商业网站
list-style-position属性
list-style-type属性用于控制无序和有序列表的项目符号。
list-style-image属性可以为各个列表项设置项目图像，使列表的样式更加美观。
list-style-position属性用于控制列表项目符号的位置。
CSS控制列表样式
例如：
CSS控制列表样式
谢谢大家
2022-07-11 13:05:24
1.17MB
使用HTML开发商业网站
定义列表
定义列表
以传智播客师资介绍为例，认识定义列表
列表标签
定义列表的基本语法格式如下：
- 名词1
- 名词1解释1
- 名词1解释2 ...
- 名词2
- 名词2解释1
- 名词2解释2 ...
2022-07-11 13:05:23
1.44MB
使用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:"楷
2022-07-11 13:05:22
1.64MB
;什么是列表的嵌套？;;在使用列表时，列表项中也有可能包含若干子列表项。这种在列表项中定义子列表项的方法被称为列表的嵌套。;
- 咖啡
- 拿铁
- 摩卡
- 茶
- 碧螺春
- 龙井
2022-07-11 13:05:21
1.65MB
认识盒子模型; 认识盒子模型;认识盒子模型;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性; 盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;盒子模型相关属性;谢谢大家
2022-07-11 13:05:21
1.86MB
使用HTML开发商业网站
CSS3 核 心 基 础
HTML5的优势
3/69
什么是CSS
CSS（Cascading Style Sheet，层叠样式表）是一种格式化网页的标准方式，它扩展了 HTML 的功能，使网页设计者能够以更有效的方式设置网页格式。
(CSS禅意花园）
一个简单实例
使用 html 方式
使用 css 方式
一级标题
…其他正文…
一级标题
一级标题
…其他正文…
一级标题
CSS的优势 简化格式设置
2022-07-11 13:05:20
2.94MB
使用HTML开发商业网站
布局及常用属性
布局概述
为什么要应用布局？
布局概述
阅读报纸时会发现，虽然报纸中的内容很多，但
是经过合理地排版，版面依然清晰、易读。
1.确定版心
什么是版心？以某教育网站首页为例：
布局概述
布局概述
2.分析页面中的模块
布局概述
3.控制网页的各个模块
布局常用属性
应用排列
图文排列
论坛分享
布局常用属性
什么是浮动？
布局常用属性
布局常用属性
属性值
描述
left
元素向左浮动
right
元素向右浮动
none
元素不浮动（默认值）
布局常用属性
为什么要清除浮动？
布局常用属性
布局常用属性
如何清除浮动？
布局常用属性
运用clear属性清除浮动
属性值
描述
left
不允许左侧有浮动元素（清除左侧浮动的影响）
right
不允许右侧有浮动元素（清除右侧浮动的影响）
both
同时清除左右两侧浮动的影响
常用属性值
布局常用属性
布局常用属性
空标签
overflow
after伪对象
在浮动元素之后添加空标签，并对该标签应用“clear:both”样式，可清除浮动。这个空标签可以为
、
等任何标签。 “
、
等任何标签。 “
2022-07-11 13:05:19
3.72MB
一款基于springboot+html开发而成的企业人事大数据分析系统
包括源码和数据库文件，
主要功能包括系统用户管理、部门管理、员工管理、领导管理、工资管理、员工统计等等功能
环境配置： Jdk1.8 + Tomcat8.5 + mysql + Eclispe (IntelliJ IDEA,Eclispe,MyEclispe都支持)
项目技术：vuejs+Spring + Springboot + MyBatis + maven+html+css+js等等。
可用于毕业设计和课程设计
支持远程部署和二次开发
2022-07-10 21:03:55
7.11MB
使用HTML开发商业网站
CSS 选 择 器
5种选择器
HTML标记符选择器
id选择器（id与#idname）
class选择器（class与.classname）
虚类选择器
a:link a:visited a:hover a:active (LoVeHAte)
分组选择器
HTML标记符选择器&分组
id选择器
#container {
width: 46em;
margin: 0 auto;
border: 1px solid #000000;
}
class选择器
虚类选择器
2022-07-10 14:07:30
61KB
使用HTML开发商业网站
CSS控制视频的高度
CSS控制视频的宽高
注意：
通过width和height属性来缩放视频，这样的视频即使在页面上看起来很小，但它的原始大小依然没变，因此在实际工作中要运用视频处理软件（如“格式工厂”）对视频进行压缩。
谢谢大家
2022-07-10 14:07:29
145KB