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的意思就是说在列表选项盒边框里面。

相关文章
|
8天前
|
JavaScript
jQuery 遍历 方法
jQuery 遍历 方法
22 5
|
8天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
1天前
|
开发框架 前端开发 JavaScript
React、Vue.js 和 Angular主流前端框架和选择指南
在当今的前端开发领域,选择合适的框架对于项目的成功至关重要。本文将介绍几个主流的前端框架——React、Vue.js 和 Angular,探讨它们各自的特点、开发场景、优缺点,并提供选择框架的建议。
15 6
|
3天前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
25 6
|
7天前
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
14 2
|
8天前
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
9 3
|
7天前
|
JSON 前端开发 JavaScript
jQuery AJAX 方法
jQuery AJAX 方法
13 1
|
8天前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
9 2
|
9天前
|
JavaScript
jQuery 事件 方法
jQuery 事件 方法
10 0
|
23天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
下一篇
无影云桌面