首页前端开发HTMLHTML & CSS 基础入门知识 列表及其样式

HTML & CSS 基础入门知识 列表及其样式

时间2024-05-09 03:56:03发布访客分类HTML浏览52
导读: 网页中漂亮的导航、整齐规范的文章标题列表和图片列表等等。这些都是离不开HTML里一个重要的元素----列表,在HTML中有无序列表、有序列表和定义列表三种类型。其中,无序列表应用最为广泛,下面,我们一块认识一下HTML列表。 列表...
  网页中漂亮的导航、整齐规范的文章标题列表和图片列表等等。这些都是离不开HTML里一个重要的元素----列表,在HTML中有无序列表、有序列表和定义列表三种类型。其中,无序列表应用最为广泛,下面,我们一块认识一下HTML列表。   列表在文档编辑中也是十分常见的,我们可以结合word里的列表来对比学习HTML的列表元素。在word中有符号列表、编号列表、多级列表。在HTML中也提供了三种类型的列表,分别是无序列表、有序列表和定义列表。无序列表没有先后顺序之分,类似word中的符号列表,有序列表用数字或字母作为顺序,类似word中的编号列表,注意:定义列表是不同于word中的多级列表。简单说来,定义列表项可分为上下两部分,上面列出一个项目,下面是该项目的详细内容。   无序列表   无序列表以
    标签开始,
标签结束,中间插入若干列表项,列表项以
  • 标签开始,
  • 标签结束。语法格式如下:   有序列表   有序列表以
      标签开始,
    标签结束,中间插入若干列表项,列表项以
  • 标签开始,
  • 标签结束。语法格式如下:   定义列表   定义列表以标签开始,标签结束,中间插入的每个列表项都分为两个部分, 里面添加项目名称, 里面添加项目内容或描述。定义列表语法格式如下:   无序列表和有序列表的列表项前面都有标记,无序列表的项目前是符号(实心圆、空心圆或实心正方形),有序列表的项目前是编号(可以是数字、字母或罗马数字)。我们有两种方式来设置列表项前的符号类型,一种是直接在HTML的列表标签中设置type属性,另一种是用CSS的方式,设置CSS属性list-style-type。有了CSS,在HTML中设置type属性已经被抛弃了,推荐使用CSS属性list-style-type来设置列表项的标记类型。   注:这三类列表中,无序列表使用最为广泛,常用于导航、文章标题列表、图片列表等有规律列表类内容的排版布局。在CSS属性list-style-type中,还可以设置值为none,表示去除列表项前的符号。

    声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


    若转载请注明出处: HTML & CSS 基础入门知识 列表及其样式
    本文地址: https://pptw.com/jishu/655971.html
    HTML+css+div网页设计与布局从入门到精通分享 初识HTML & CSS 基础入门

    游客 回复需填写必要信息