ul | 易学教程

HTML列表简单介绍

阅读更多关于 HTML列表简单介绍

1.无序列表使用标签：<ul>,<li> 属性：disc，circle，square 2.有序列表使用标签：<ol>，<li> 属性：A，a，I，i，start 3.嵌套列表使用标签：<ul>，<ol>，<li> 4.自定义列表使用标签：<dl>，<dt>，<dd>  <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表的使用</title> </head> <body> <ol> <li>第一</li> <li>第二</li> <li>第三</li> </ol> <br/>  <ul> <li>第一</li> <li>第二</li> <li>第三</li> </ul> <br/> <ol type="a"> <li> <ul type="diss"> <li>第一</li> <li>第二</li> <li>第三</li> </ul> </li> <li>第二</li> <li>第三</li> </ol> <br/> <ol type="I"> <li>第一</li> <li>第二</li> <li>第三</li> </ol> <br/> <ol start="3"> <li>第一</li> <li>第二</li>

我需要一个没有任何项目符号的无序列表

阅读更多关于我需要一个没有任何项目符号的无序列表

我创建了一个无序列表。我觉得无序列表中的项目符号很麻烦，因此我想删除它们。可以有没有项目符号的清单吗？ #1楼您可以通过在父元素（通常为 <ul> ）的CSS上将 list-style-type 为 none 来删除项目符号，例如： ul { list-style-type: none; } 如果还希望删除缩进，则可能还需要在其中添加 padding: 0 和 margin: 0 。有关列表格式技术的详细演练，请参见 Listutorial 。 #2楼您需要使用 list-style: none; <ul style="list-style: none;"> <li> ...</li> </ul> #3楼使用以下CSS： ul { list-style-type: none } #4楼在CSS中... ul { list-style: none; } #5楼在CSS中，样式 list-style-type: none; 来源： oschina 链接： https://my.oschina.net/stackoom/blog/3136817

jquery部分

阅读更多关于 jquery部分

jquery入门 jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。 jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。 jquery是一个函数库，一个js文件，页面用script标签引入这个js文件就可以使用。 <script type="text/javascript" src="js/jquery-1.12.2.js"></script> jquery的口号和愿望 Write Less, Do More（写得少，做得多） 1、 http://jquery.com/ 官方网站 2、 https://code.jquery.com/ 版本下载 jquery文档加载完再执行将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery提供了ready方法解决这个问题，它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为： <script type="text

构建静态页面之 [ 列表 ]

阅读更多关于构建静态页面之 [ 列表 ]

列表描述列表可以分为：有序列表、无序列表有序列表 <ol> 元素 - 表示定义有序列表属性有 type属性 - 表示设置有序列表项目符号的样类型属性值：1（数学） A（大写字母） a（小写字母） I（大写罗马数学） i（小写罗马数字） start属性 - 表示有序列表的项目符号从什么位置开始属性值必须为数字值 <li> 元素 - 表示列表中的列表项属性有 type属性 - 表示设置当前列表项的项目符号类型属性值：1（数学） A（大写字母） a（小写字母） I（大写罗马数学） i（小写罗马数字） value属性 - 表示当前列表项的项目符号从什么位置开始属性值必须为数字值 <body>  <ol type="A"

前端工具【0】—— Emmet插件

阅读更多关于前端工具【0】—— Emmet插件

介绍：Emmet是许多流行文本编辑器的插件，它极大地改进了HTML和CSS工作流程、为大部分流行的编辑器都提供了安装插件，核心是缩写语法+tab键(不同编辑器可自行设置)，以下是我整理的常用知识点。一、特性 1、支持定制：添加新缩写或更新现有缩写，可修改snippets.json文件更改Emmet过滤器和操作的行为，可修改preferences.json文件定义如何生成HTML或XML代码，可修改syntaxProfiles.json文件 2、支持大部分的编辑器：(此处无提供以下插件链接，附上官网链接： https://www.emmet.io/) Sublime Text 3/2 TextMate 1.x Eclipse/Aptana Coda 1.6 and 2.x Espresso Chocolat Komodo Edit/IDE Notepad++ PSPad <textarea> CodeMirror2/3 Brackets 二、基本语法 1、后代：> 示例：div>ul>li>a <div> <ul> <li><a href=""></a></li> </ul> </div> 2、兄弟：+ 示例：h1+p <h1></h1> <p></p> 3、上级：^ ^^ 示例：div>ul>li>span+a^p div>ul>li>span+a^^p <div>

sublime的Emmet插件应用

阅读更多关于 sublime的Emmet插件应用

Emmet：能够快速编写html和css标记后代：> 例：　　在html文件输入：div>ul>li*3 + table键　　效果如下：　　　　<div> 　　　　　　<ul> 　　　　　　　　<li></li> 　　　　　　　　<li></li> 　　　　　　　　<li></li> 　　　　　　</ul> 　　　　</div> 兄弟：+ 例：　　div+p+ul + table键：　　　　<div></div> 　　　　<p></p> 　　　　<ul></ul>　　　分组：() 例：　　div>(header>ul>li*3)+footer>p + table键：　　　　<div> 　　　　　　<header> 　　　　　　　　<ul> 　　　　　　　　　　<li></li> 　　　　　　　　　　<li></li> 　　　　　　　　　　<li></li> 　　　　　　　　</ul> 　　　　　　</header> 　　　　　　<footer> 　　　　　　　　<p></p> 　　　　　　</footer> 　　　　</div> 　　　　　　　　　　　　来源： https://www.cnblogs.com/look-up-at-the-starlit-sky/p/11835025.html

[小清新] 一段 node 脚本生成风格优雅的 Directory Tree

阅读更多关于 [小清新] 一段 node 脚本生成风格优雅的 Directory Tree

一些烦恼如果你常常在博客中插入一些文件目录结构，不免会有碰到诸如此类的问题：使用图片输出的话，感官上不够和谐，尤其在移动端环境下，图片内容可能会被多次转码、缩放以至于影响阅读体验。使用文本输出的话，在不同设备、编辑器下内容排版容易混乱。某一天，你想修改一下内容或者结构时，一个字符一个字符的编辑简直让人抓狂。使用文本输出的另一个毛病就是，不同设备、平台的字号、字体、字符样式都不一样。也许你写的时候觉得足够有美感，在受众的设备里却如同一坨翔。解决方案由于但不限于上述种种原因，自己写了一个小脚本，可以顺利地实现目录树的生成。结果被输出为html片段，通过附加CSS样式，效果远好于前几种的方式。脚本输出的 html 长这样： <style> .parksben-is-just-one-single-doge { width: 90%; max-width: 640px; box-sizing: border-box; margin: 1em auto; padding: 2em; background: #333; border-radius: 5px; overflow: hidden; font: 14px/18px Helvetica, Arial, "Microsoft Yahei", Verdana, sans-serif; --content-color:

Vue:vue-cli3使用element-ul的坑

阅读更多关于 Vue:vue-cli3使用element-ul的坑

因为某些奇奇怪怪的原因，导致必须学习VUE。在这几天的学习中，碰到了大大小小的坑，也都解决了。但是就在今天，我翻遍了网上的博客等(都是搬运工) 都没找到解决方法，所以自己找到了解决方法在引入element-ul的时候一直报如下错误 No PostCSS Config found in: /home/miracle/node_modules/_element-ui@2.12.0@el个网上都是采用在项目的根目录创建一个postcss.config.js文件。。但是对于我来说这个方法并不管用。。所以在官网找到了答案，如果vue-cli3需要使用element-ul需要只需要这样子.. vue add element 完美解决.. 来源： https://www.cnblogs.com/Miracle-boy/p/11811297.html

一级分类绑定二级分类

阅读更多关于一级分类绑定二级分类

html: <template> <div class="container"> <headTop headTitle="行业分类"></headTop> <div class="main"> <--一级分类--> <ul class="sidebar"> <li v-for="(item, idx) in sidebarList" :key="idx" @click="currentIndex1 = idx" :class="currentIndex1 === idx ? 'active' : ''"> <p>{{item.name}}</p> </li> </ul> <--二级分类--> <ul class="list"> <li v-for="(item, idx) in sidebarList[currentIndex1].list" :key="idx" :class="currentIndex2 == `${currentIndex1}${idx}` ? 'active' : ''" @click="selectedType(item, `${currentIndex1}${idx}`)"> <p class="item_name">{{item.name}}</p> </li> </ul> </div> </div> </template> 　　　　来源：

createDocumentFragment

阅读更多关于 createDocumentFragment

createDocumentFragment是一块内存，不属性dom，可以把要添加的node放到这个内存里面，然后统一appendChild可以提高效率 //普通的作法 var ul = document.querySelector("ul"); for (var i = 0; i < 20000; i++) { var li = document.createElement("li"); li.innerHTML = "index: " + i; ul.appendChild(li); } //createDocumentFragment var ul = document.querySelector("ul"); var fragment = document.createDocumentFragment(); for (var i = 0; i < 20000; i++) { var li = document.createElement("li"); li.innerHTML = "index: " + i; fragment.appendChild(li); } ul.appendChild(fragment); 来源： oschina 链接： https://my.oschina.net/u/2285087/blog/3136359

订阅 ul