初学css list-style属性「建议收藏」

初学css list-style属性「建议收藏」网上很多css布局中会看到这样的一句:list-style:none;那么list-style到底什么意思?中文即:列表样式:无;其实它是一个简写属性,包含了所有列表属性,具体包含list-sty

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

网上很多css布局中会看到这样的一句:list-style:none;

那么list-style到底什么意思?中文即:列表样式:无;

其实它是一个简写属性,包含了所有列表属性,具体包含list-style-type、list-style-position、list-style-image 

list-style-type:设置列表项标记的类型。我们使用ul->li或是ol->li(有序无序)结构时,有小圆点就是这一属性控制。值有【none,disc(默认标记实心圆),square,decimal…】

 

 

list-style-position:设置在何处放置列表项标记.即标记相对于列表项内容的位置。值有【inside、outside(默认,文本左侧)、inherit(从父元素继承list-style-position的值)】

list-style-image :设置使用自定义图像来替换列表项的标记。值有【URL,none(默认),inherit】

综观:list-style:none;

等价于==>>{

      list-style-type:none;

      list-style-position::none;

      list-style-image :none;  

                    }

所以:{       list-style:目录样式类型|目录样式位置|url      }

 可以不设置其中的某个值,比如 “list-style:circle inside;” 也是允许的。未设置的属性会使用其默认值。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167322.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • linux怎么打包整个目录,tar打包整个目录(可排除子目录)几种方法[通俗易懂]

    linux怎么打包整个目录,tar打包整个目录(可排除子目录)几种方法[通俗易懂]这篇文章小编给大家分享一下linuxtar打包目录与有条件打包目录命令,想知道的小伙伴们赶快来看看吧!例1。压缩并打包目录代码如下复制代码tar-czfsmall.tar.gzsmall(目录名);例2。代码如下复制代码tarzcvfbackup.tar.gzsite/*–exclude=site/attach–exclude=site/images简单解释一下:ls-…

    2022年5月11日
    92
  • mysql 自定义函数 case when[通俗易懂]

    mysql 自定义函数 case when[通俗易懂]#字符串局部替换函数DELIMITER$$CREATEFUNCTIONreplaceString(sVARCHAR(14),fVARCHAR(5),rVARCHAR(5))RETURNSVARCHAR(14)BEGIN DECLAREfindposINT; DECLAREreturnstringVARCHAR(14); SETfindpos=INSTR(

    2022年9月7日
    0
  • JAVA Calendar具体解释

    JAVA Calendar具体解释

    2021年12月8日
    46
  • opengl pushmatrix(gltranslatef函数)

    http://anony3721.blog.163.com/blog/static/511974201133095555708/题外话:学习OpenGL有两个礼拜了,总结下才发现仅仅明白了其基本概念。光是GDI绘图中的窗口、视口以及设备环境的概念,就足足困扰我了一个礼拜,其实明白了只后发现一句话就描述清楚了,根本不像MSDN和google上讲的难的很。高手们可能是不屑于基础概念的讲解或者根本不

    2022年4月17日
    53
  • 金士顿有2t的u盘吗_群联3110主控

    金士顿有2t的u盘吗_群联3110主控最近新买的金士顿DT101G2U盘用老版本的群联检测工具GETinfo如GETinfov3.2.9.2会不认识MP的版本,一般会显示为MPv48.30.30,而使用新版本的如GETinfov3.5.7.2会显示MPALLv3.13.0B或MPALLv3.12.0A等。而这些版本网上都无释出版本的量产工具,怎么办呢,很多人都不知道该怎么选择量产工具的版本了。这里根据我成功…

    2022年9月9日
    0
  • Netty系列三、Netty实战篇

    Netty系列三、Netty实战篇文章目录一、传递POJO二、GoogleProtobuf三、TCP粘包与拆包四、心跳检测五、Netty整合Log4j六、WebSocket七、Netty群聊八、Netty实现RPC服务调用九、短连接与长连接配合示例代码​ 这一篇我们就玩起来,通过一些常用的实战问题,来理解如何使用Netty进行网络编程。一、传递POJO​ 第一个示例参见示例代码中的com.roy.netty.pojoTransfer。​ 这个示例实现的功能是这样的:1、客户端建立连接后,就会往服务端发送一个User对象。

    2022年10月28日
    0

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号