广东省顺德网站建设-顺德网络公司-优化-制作-设计推广-顺德网站建设服务中心

发表日期： 2022-05-28 15:30:22 浏览次数：92

网站建设.png

顺德区是广东省佛山市五个行政辖区之一。位于广东省的南部，珠江三角洲平原中部，广佛同城的西南边界、广佛肇经济圈的南部，是佛山市与广州市联系的重要核心区域之一。顺德毗邻广州、中山、江门三市，南近港澳；面积806平方千米， [67] 下辖4个街道、6个镇，205个村（社区）。截至2020年11月1日零时，全区常住人口3229090人(第七次人口普查)。 [66]

顺德位于珠三角广府文化腹地，自古经济发达，商业繁荣，文教鼎盛 [1] 。顺德是粤曲、粤剧的发源地之一，是“中国曲艺之乡” [2] 。顺德美食文化源远流长，天下闻名，被联合国教科文组织授予“世界美食之都”的称号 [3] ，并有“中国厨师之乡”美誉。顺德自古人文昌盛，北宋至清末出过文状元3名，武状元1名，文武进士762人，文武举人2397人；孕育了清代诗书画三绝的黎简和画坛怪杰苏仁山，以及李小龙、李兆基、郑裕彤、罗定邦、伍宜孙、梁銶琚、陈冯富珍等杰出人物。 [4]

2021年，顺德区全年地区生产总值4064.38亿元，同比增长8.2% [81] 。连续八年位居全国综合实力百强区第一，第十一次入围“中国全面小康十大示范县市”，连续两年名列全国绿色发展百强区第一位，建设人民满意政府指数位居佛山市五区首位。 [5-8]

无序列表需要使用 <ul> 和 <li> 标签：

<ul> 是 unordered list 的简称，表示无序列表。
<ul> 和 <ol> 中的 <li> 一样，都表示列表中的每一项。默认情况下，无序列表的每一项都使用●符号表示。

注意，<ul> 一般和 <li> 配合使用，不会单独出现，而且不建议在 <ul> 中直接使用除 <li> 之外的其他标签。

3. 定义列表

在 HTML 中，<dl> 标签用于创建定义列表。定义列表由标题（术语）和描述两部分组成，描述是对标题的解释和说明，标题是对描述的总结和提炼。

定义列表具体语法格式如下：

定义列表需要使用 <dl>、<dt> 和 <dd> 标签：

<dl> 是 definition list 的简称，表示定义列表。
<dt> 是 definition term 的简称，表示定义术语，也就是我们说的标题。
<dd> 是 definition description 的简称，表示定义描述。

可以认为 <dt> 定义了一个概念（术语），<dd> 用来对概念（术语）进行解释。

注意，<dt> 和 <dd> 是同级标签，它们都是 <dl> 的子标签。一般情况下，每个 <dt> 搭配一个 <dd>，一个 <dl> 可以包含多对 <dt> 和 <dd>。

我们来看一个简单的例子：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>HTML定义列表</title></head><body><dl><dt>HTML</dt><dd>HTML 是一种专门用来开发网页的标记语言，您可以转到《<a href="http://c.biancheng.net/html/" target="_blank">HTML教程</a>》了解更多。</dd><dt>CSS</dt><dd>CSS 层叠样式表可以控制 HTML 文档的显示样式，用来美化网页，您可以转到《<a href="http://c.biancheng.net/css3/" target="_blank">CSS教程</a>》了解更多。</dd><dt>JavaScript</dt><dd>JavaScript 简称 JS，是一种用来开发网站（包括前端和后台）的脚本编程语言，您可以转到《<a href="http://c.biancheng.net/js/" target="_blank">JS教程</a>》了解更多。</dd></dl></body></html>

浏览器运行效果如下图：

图3：HTML 定义列表演示

<dt> 和 <dd> 虽然是同级标签，但是它们的默认样式不同，<dd> 带有一段缩进，而 <dt> 顶格显示，这样层次更加分明。

4. 列表的默认样式

浏览器会对列表设置一些默认样式，包括外边距、内边距和列表项标记，我们可以通过 CSS 样式表的 margin、padding 和 list-style 属性来修改它们，请看下面的例子：

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>修改HTML列表的默认样式</title></head><body><p style="margin:0px auto;">煮米饭的步骤：</p><ol style="margin:0px auto; padding-left:20px; list-style:upper-latin;"><li>将水煮沸</li><li>加入一勺米</li><li>搅拌均匀</li><li>继续煮10分钟</li></ol><p style="margin-bottom:0px;">早餐的种类：</p><ul style="margin:0px auto; padding-left:20px; list-style:square;"><li>鸡蛋</li><li>牛奶</li><li>面包</li><li>生菜</li></ul><dl style="margin-bottom:0px;"><dt><b>HTML</b></dt><dd style="margin:auto auto 10px 0px;">HTML 是一种专门用来开发网页的标记语言。</dd><dt><b>CSS</b></dt><dd style="margin:auto auto 10px 0px;">CSS 层叠样式表可以控制 HTML 文档的显示样式，用来美化网页。</dd><dt><b>JavaScript</b></dt><dd style="margin:auto auto 10px 0px;">JavaScript 简称 JS，是一种用来开发网站（包括前端和后台）的脚本编程语言。</dd></dl></body></html>

对 CSS 样式的说明：

margin:0px auto;将上下外边距设置为 0 像素，将左右外边距设置为自动。
margin-bottom:0px;将下方外边距设置为 0 像素。
margin:auto auto 10px 0px;将上方和右侧外边距设置为自动，将下方外边距设置为 10 像素，将左侧外边距设置为 0 像素。
padding-left:20px;将左侧内边距设置为 20 像素。
list-style:upper-latin;将列表项标记设置为大写拉丁字母。
list-style:square;将列表项标记设置为实心方块。

广东省顺德网站建设-顺德网络公司-优化-制作-设计推广-顺德网站建设服务中心