前端HTML列表

最新推荐文章于 2023-04-13 19:20:04 发布
最新推荐文章于 2023-04-13 19:20:04 发布
阅读量83 收藏
点赞数
分类专栏： 前端 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45797783/article/details/119007286
版权

列表主要有三种：无序列表  有序列表  定义列表

无序列表：ul表示列表，li列表项

 

 

有序列表：ol表示列表，li列表项

 

 

定义列表：dl表示列表，dt定义列表项，dd列表项定义

 

列表中可以嵌套列表：

 如：ul中有一个列表项a和嵌套一个列表项

 

 

昵称读取失败
关注
专栏目录
前端——列表、表格、表单
Bingtangbgd的博客
05-08 1518
前端——列表、表格、表单
【网页前端设计HTML】列表
最新发布
weixin_53597021的博客
07-13 1273
⭐网页中的列表列表是网页中最常用的一种数据排列方式，我们在浏览网页时，会到看到各种列表的身影，如下图所示。有序列表、无序列表和定义列表。在有序列表中，列表项之间有先后顺序之分。在无序列表中，列表项之间是没有先后顺序之分的。定义列表是一组带有特殊含义的列表，一个列表项中包含“条件”和“列表”两部分。⭐在HTML中，定义列表由两部分组成：名词和描述。语法：< dl > < dt > 名词 </ dt > < dd > 描述 </ dd > …… </ dl >
前端与HTML
阿牛的博客
01-16 2612
本文主要讲解html中的一些基础的和重要的标签，内容不多，可以大概看一下！
前端之HTML
qq_774952435的博客
04-28 2442
html基础
新闻列表案例（前端html，css）
gou1791241251的博客
09-19 6798
新闻列表案例（前端html，css）
前端页面的简单学习与项目搭建（主要针对HTML和VUE的学习）
热门推荐
张彦峰的博客
04-09 169万+
备注：只是本人的自学与备注，自己本身不是做前端的，只是简单搭建一些前端的东西，自己玩的。 一、HTML简单的回顾 （一）HTML 基本结构 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html&...
前端练习01-前端-HTML（列表）
03-25
通过"06_列表 ---无序+有序+自定义.html"这个文件，你可以深入学习和实践这些基本的HTML列表类型，并逐步掌握如何在网页设计中灵活运用它们。理解并熟练掌握列表的使用对于前端开发者来说至关重要，因为它们是构建...
前端 HTML列表
JOJO123123123123的博客
10-08 248
1、无序列表 各列表项之间没有次序，各项之间为并列关系 语法 列表项 列表项 列表项 特性 ul 和 li 标签都是块级标签 宽度默认撑满整个父元素 高度默认由内容撑开 独立成行 自带外间距 自带内填充 自带列表符，去掉自带列表符 li{ list-style: none; } css属性 list-style-type
淘宝首页web前端课设（HTML+css+js）
06-10
本web前端课设主要用到html，css知识点和一些少量的js语言编写的轮播图。适合于大一、大二正在做课设的同学进行参考。(我的博客里有做成的效果图和每个模块的解说内容，没有了解的同学可以先去看看做成功的页面效果...
前端学习之HTML——列表
Jane_xxxxxy的博客
07-27 401
列表 表格是用来显示数据的，那么列表就是用来布局的。 列表最大的特点就是整齐、整洁、有序，它作为布局会更加自由和方便。 根据使用情景不同，列表可以分为三大类：无序列表、有序列表和自定义列表。 无序列表 <ul> 标签表示 HTML 页面中项目的无序列表，一般会以项目符号呈现列表项，而列表项使用 <li> 标签定义。无序列表的基本语法格式如下： <ul> <li>列表项1</li> <li>列表项2</l
前端学习7：HTML图像、表格、列表
RainstormGod的博客
04-13 1308
自定义列表不仅是一列项目，还是项目及其注释的组合。自定义列表以标签开始。每个自定义列表项以开始。每个自定义列表项的定义以 开始。
前端开发--HTML--列表
sundanping_123的博客
07-03 281
<!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'> <title>链接</title> </head> <body> <h1>有序列表</h1> <ol> <li>...
vue3、vite、pinia 快速入门
qq_45797783的博客
03-01 1161
vue入门
前端浏览器默认样式去除
qq_45797783的博客
07-26 886
浏览器为了显示方便和美观，很多都会为html文件设置默认样式 但是不同浏览器显示效果会不一样，导致显示效果不一样，实际开发当中我们应该去除浏览器的的样式 方法一： *{ margin: 0px; padding: opx; } 可以去除所有元素的内边距和外边距，但会有残留的默认样式。 方式二： 链接：https://pan.baidu.com/s/1rhDryEeIdkhrMDAKrKCIl..
前端图片标签，内联框架，音视频
qq_45797783的博客
07-23 713
图片标签： 图片标签img是一种介于行内元素和块元素之间的替换元素,自结束标签，即用图片去替换源码的标签。 图片标签的属性： src: 图片地址，<img src = "1.png"> alt:图片的描述标签，<img src = "1.png" alt = "这是图片"> ，通常是用于搜索引擎的查找，有些浏览器会在图片不能显示时显示图片的描述。 width/height，图片的宽和高，图片会根据设置的宽高，自动等比例缩放，不建议自己修改图片大小。 图片格式： jpg(
使用clear,after完美解决高度塌陷
qq_45797783的博客
07-31 640
clear：清除浮动对下一个元素的布局影响 上面开启BFC的第一种方法可能会对下一个元素的布局产生影响，针对这种影响， 我们可以设置下一个元素的clear属性，可选值： left: 清除向左浮动元素对它的影响 right：清除向右浮动元素对它的影响 both：清楚两个中最大影响 ::after伪元素，配合content,在一个元素后面加入一个行内伪元素 .out{ background-color: #bfa; border: 10px red
CSS变形平移旋转缩放
qq_45797783的博客
08-12 429
CSS变形平移的特点： 变形不会影响页面的布局，即只会影响元素自己，而不影响其他元素。 使用transform来设置元素的变形效果 transfrom的平移： translateX() 沿着X方向 translateY() 沿着Y方向 translateZ() 沿着Z方向 注意在一个样式里，设置多个平移只能写在一个transfrom里，用，隔开，写多个transfrom会覆盖之前的属性 三种平移可以使用长度单位，也可以是使用百分比，百分比的对象是元素本身，可以特点也可以用来将可变大小的行内元素
前端文档流定义
qq_45797783的博客
07-25 264
文档流： 网页是多层结构的，一层叠着一层 通过css可以设计每一层的样式 浏览器呈现给用户的永远是最顶上一层 文档流是网页的最底下一层，是所有层的基础，所有的元素默认都是在文档流当中排列的 元素有在文档流和不在文档流两种状态 元素在文档流的特点： 1. 块元素： 块元素在页面中会独占一行，自上向下垂直排列 默认宽度是父元素的全部，一般是一整行 默认高度有内容相关 2. 行内元素： 不会独占一行，只与自身大小相关 自左向右排列，一行排不满会向下一行排列，与书写习惯一致 默认高度和默认宽
前端CSS，长度单位，颜色单位
qq_45797783的博客
07-25 253
CSS中的长度单位： px，像素，主要和屏幕相关，1920*1080 百分比，大小与父元素相关 em，与当前元素的字体相关，一个字体大小=1em rem，与根元素html的大小相关，根元素字体大小=1rem CSS中的颜色单位： 颜色名称：red，green，blue RGB值：0-255（0%-100%），语法：rgb（红色，绿色，蓝色），rgb（0，0，0）黑色，光的三基色 RGBA值：在RGB的基础上，增加一位不透明度，1不透明，0全透明，0.5半透明
CSS媒体查询
qq_45797783的博客
08-14 241
不同设备： 用法： @media screen{ } 可选值：all 所有设备；screen 屏幕；print 打印机；speech 屏幕阅读器 拓展：可以选择多个，也可以用only只选择一个且兼容老版本浏览器 不同宽度： width：刚好满足宽度生效 height：刚好满足高度生效 min-weidth：最小宽度生效（即宽度大于值生效） max-weidth：最大宽度生效（即宽度小于值生效） 几个常用分界点： 小于768px-->max-width:768px 大于7
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值