首页 前端知识 CSS列表(有序,无序,如何保证高可用

CSS列表(有序,无序,如何保证高可用

2024-04-08 23:04:34 前端知识 前端哥 354 149 我要收藏
    • 第一句
    • 第二句
    • 第三句
    • 第四句
    • 样例代码:

      • 第一句
      • 第二句
      • 第三句
      • 第四句
      • 效果截图:

        在这里插入图片描述

        无序列表去掉点

        =================================================================

        通过使用list-style: none;可以去掉圆点

        通过直接在ul标签里写style属性或者写个选择器,加上 list-style: none; 这句都可以实现去掉圆点。

        样例代码:

        • 第一句
        • 第二句
        • 第三句
        • 第四句
          • 第一句
          • 第二句
          • 第三句
          • 第四句
          • 效果截图:

            在这里插入图片描述

            成行显示

            ==============================================================

            无论是有序列表还是无序列表默认都是独占一行,是按行显示的,但是我们也可以让他们在一行显示,通过display属性就可以实现了。

            | display属性 | 说明 |

            | — | — |

            | none | 不显示 |

            | block | 块级元素(列显示) |

            | ​ inline | 行内元素(行显示) |

            无论是块级元素还是行内元素都会忽略前面的序号(包括有序和无序的那个点)

            样例代码:

            1. 第一句
            2. 第二句
            3. 第三句
            4. 第四句
              • 第一句
              • 第二句
              • 第三句
              • 自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

                深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

                因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
                img
                img
                img
                img
                img
                img

                既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

                由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新

                如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
                img

                学习笔记

                主要内容包括html,css,html5,css3,JavaScript,正则表达式,函数,BOM,DOM,jQuery,AJAX,vue等等

                HTML/CSS

                CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

                **HTML:**HTML基本结构,标签属性,事件属性,文本标签,多媒体标签,列表 / 表格 / 表单标签,其他语义化标签,网页结构,模块划分

                **CSS:**CSS代码语法,CSS 放置位置,CSS的继承,选择器的种类/优先级,背景样式,字体样式,文本属性,基本样式,样式重置,盒模型样式,浮动float,定位position,浏览器默认样式

                HTML5 /CSS3

                **HTML5:**HTML5 的优势,HTML5 废弃元素,HTML5 新增元素,HTML5 表单相关元素和属性

                **CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

                JavaScript

                **JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串

                *CSS3:**CSS3 新增选择器,CSS3 新增属性,新增变形动画属性,3D变形属性,CSS3 的过渡属性,CSS3 的动画属性,CSS3 新增多列属性,CSS3新增单位,弹性盒模型

                [外链图片转存中…(img-Yso0K7wS-1711733598238)]

                JavaScript

                **JavaScript:**JavaScript基础,JavaScript数据类型,算术运算,强制转换,赋值运算,关系运算,逻辑运算,三元运算,分支循环,switch,while,do-while,for,break,continue,数组,数组方法,二维数组,字符串

              转载请注明出处或者链接地址:https://www.qianduange.cn//article/4619.html
              标签
              评论
              发布的文章

              PostgreSQL 操作json/jsonb

              2024-04-20 17:04:16

              Excel转json的两种办法

              2024-04-20 17:04:09

              大家推荐的文章
              会员中心 联系我 留言建议 回顶部
              复制成功!