web前端技能方法总结(css、js、jquery、html)(27)

简介: web前端技能方法总结(css、js、jquery、html)

列表的主属性为list-style-type,此属性允许在你的列表中控制bullet(或者称为标志“marker”)。

我们可以在

元素中设置样式,也可以在
  • 元素中设置,元素
  • 将继承
    • 属性。

    eg: li{ list-style-type:disc; } 默认的情况下,标志的类型为圆点。 属性值也可设为circle(圆圈)、square(方块)、none(消除所有标志)等。

    1、如果想要一个自定义的标志怎么办?

    在CSS中一个叫做list-style-image的属性允许你把图像作为列表的标志。

    可以用同样的办法样式化顺序列表和非顺序列表。顺序列表有一组标志,这一组标志由数字或字母排列而成,用CSS的list-style-type属性你可以控制顺序列表,不管它是十进制数字、罗马数字还是字母表字母。通常list-style-type属性值的取值为十进制数、大写字母、小写字母、大写罗马数字或小写罗马数字。参阅一下CSS使用指南,上面有很多种取值。

    2、如何控制列表的文本环绕?也就是说,如何控制让文本环绕在标记的下面?还是标记环绕在文本的下面?

    有一个叫做list-style-position的属性可以处理这个问题。将此属性值设置为inside,那么标记位于列表选项中,所以文本就环绕在标记的下面;设置为outside,那么标记位于列表选项的外面,所以标记就环绕在文本的下面。inside your item的意思就是说在列表选项盒边框里面。

相关文章
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
698 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
486 8
|
JavaScript 前端开发 容器
|
资源调度 JavaScript 前端开发
前端开发必备!Node.js 18.x LTS保姆级安装教程(附国内镜像源配置)
本文详细介绍了Node.js的安装与配置流程,涵盖环境准备、版本选择(推荐LTS版v18.x)、安装步骤(路径设置、组件选择)、环境验证(命令测试、镜像加速)及常见问题解决方法。同时推荐开发工具链,如VS Code、Yarn等,并提供常用全局包安装指南,帮助开发者快速搭建高效稳定的JavaScript开发环境。内容基于官方正版软件,确保合规性与安全性。
13705 23
|
JavaScript 前端开发
|
存储 JavaScript 前端开发
|
移动开发 JavaScript 前端开发
|
存储 JavaScript 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发

热门文章

最新文章