块元素:div p h ul li
ul:整个列表
li:列表中的每一项
什么时候用列表:当出现了一系列相同样式的结构之后,优先考虑列表来写
内联元素:span a img
文字的样式
文字居中:text-align:center (让元素里面的文字居中)(文字离谁近听谁的)
颜色 color 里面的文字是什么颜色
文字上下居中 设置行高和外面的块一none样高
近几天代码补充:
文字居中text-align:center
清除默认样式:*{margin:0;padding:0;}
清除ul样式 li{list-style:none}
内联样式要有宽高 display:inline-block (展示:内联和块元素)
文字里面对齐要使用行高:line-height:XXpx XX跟你外面块高度一样

html的ul和li元素相关推荐

  1. Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法

    这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...

  2. html的ol和ul和li,HTML 列表元素OL、UL、LI

    HTML 列表元素OL.UL.LI 称为有序清单标记.定义一个有序列表,其中可以包含一个或者多个 标记来定义实际的列表项. 称为无序清单标记.定义一个无序列表,同样可以包含一个或者多个 标记来定义实际 ...

  3. jquery生成一个li_JQuery实现ul中添加LI和删除指定的Li元素功能完整示例

    本文实例讲述了JQuery实现ul中添加LI和删除指定的Li元素功能.分享给大家供大家参考,具体如下: 最近为了实现这个简单的功能也是看了很多的内容,终于找出了看起来简单易实现的方法,我觉得能用最简洁 ...

  4. html修改li字体,使用导航标签html5更改导航 ul li元素的字体大小

    我在css文档中遇到了设置自定义字体大小的问题.这是我的问题.我使用html5的导航标签.我在哪里必须放置font-size属性?使用导航标签html5更改导航> ul> li>元素 ...

  5. 强制不换行css ul里的li元素,css怎么让li强制不换行

    免费资源网,https://freexyz.cn/ li默认是块状元素,总是在新行上开始,占据一整行. 首页 关于我们 联系我们 效果图: 那么如何强制让li不换行?可以利用display或者floa ...

  6. html li padding,求大神来看为li元素设置相同的padding为何padding-bottom和padding-right为多出一部分_html/css_WEB-ITnose...

    代码如下 无标题文档 回复讨论(解决方案) 哪里有问题 看了半天没看懂你问的是什么 哪里有问题 ul上下的padding是一样的,但是下面的空白明显大于上面 看了半天没看懂你问的是什么 ul上下的pa ...

  7. DIV+CSS中标签ul ol li dl dt dd用法

    ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...

  8. 前端中全部盒子靠左对齐_图文详解ul中li内容垂直居中和水平居中的方法

    在页面布局时,经常会用到li标签,它可用于列表,导航,选项卡等等,那你知道如何让ul中的li居中吗?这篇文章就和大家讲讲如何让ul中的li水平居中以及如何让li内容垂直居中.感兴趣的朋友继续往下看吧. ...

  9. html5在li中添加按钮,如何在html5blank_nav()中的ul和li中添加类?

    我尝试在ul li中添加类, 以及如何在html5blank_nav()使用html5blank模板时在ul和li上添加类.如果在html5blank_nav()使用html5blank模板, 如何在 ...

  10. [HTML]去除li前面的小黑点,和ul、LI部分属性

    [转] 对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. [HTML]去除li前面的小黑点,和ul.LI部 ...

最新文章

  1. 13.组合查询--SQL
  2. 互联网人职业发展之路,你中招了吗?| 每日趣闻
  3. Jenkins - 构建Allure Report
  4. TensorFlow--线性回归问题初步
  5. linux命令--VI命令详解(一)
  6. faster rcnn resnet_RCNN系列、Fast-RCNN、Faster-RCNN、R-FCN检测模型对比
  7. Offer年薪低于25W全额退款|阿里、腾讯内推快艇《全链路大数据分析工程师》课程招生简章...
  8. labelme 将自己数据集实现自动标注
  9. java输入输出流详解_Java输入输出流详解
  10. 综述 | 近年来深度学习的重要研究成果(附PDF)
  11. 小公司如何处理大订单
  12. 爬虫案例:自动登录抽屉新热榜
  13. FSMC驱动TFT显示屏(和驱动触摸屏)
  14. 有一个已经排好序的数组,输入一个数,将其插入到数组中,使得数组还是有序的。要求数组元素的值来自初始化
  15. admin是谁,以及如何修改admin密码
  16. python打印皮卡丘步骤_编程作战丨如何利用python绘制可爱皮卡丘?
  17. spi通信问题-有波形但无法获取正确数据:MOSI和SCK
  18. 电脑出现An operating system wasn‘t found,please to Ctrl+alt+del如何解决
  19. 算法基础题:木棍切割问题
  20. js新打开页面隐藏地址栏 window.open+iframe

热门文章

  1. 测试用例的评审和变更
  2. 史上最全机器学习资源整理
  3. 2020-08-29---周总结
  4. php生成字符画,超易用的字符画在线生成器,非常适合制作STEAM展柜。
  5. 大学实验室面试总结(机器学习)
  6. JAVA 赛码网|笔试时输入输出的控制
  7. 78岁老人爱上玩乐器硬是学会了吹奏萨克斯
  8. Js网络视频播放器之VideoJsckplayer(直播拉流rtmp、hls)
  9. Oracle审计与数据库防火墙(AVDF)介绍
  10. ora-22858:数据类型的变更无效 for clod