ul | 易学教程

HTML-webstorm添加快捷键

阅读更多关于 HTML-webstorm添加快捷键

快速输入标签：先输入标签p,按Tab键变成<p></p>，光标会在标签中间输入内容后按end键快速复制粘贴光标所在的一整行内容Ctrl+D 快速删除光标所在的行 Ctrl + X 快速用标签包裹一段内容：选中文本后按Ctrl + Alt + T,在弹出的选项中选择标签包裹让文本自动换行：file--settings--editor--general--soft wrap--勾选use soft wraps in editor 快速添加注释：Ctrl+/ 快速输入列表标签：输入ul>li,按Tab键，生成一对ul标签和一对li标签　　　　　　　　　输入ul>li*3,按Tab键，生成一对ul标签和3对li标签　　　　　　　　　输入ul>li>h1+ul>li*3,生成一个ul标签包含一个li标签，li标签里面包含一个h1标签和一个ul标签，这个ul标签里面有3个li标签快捷键end快速跳转到标签的尾部例如<div> 位置</div>---------按完end键-------<div> </div>新位置今天我发现end键失去跳转到最后的能力了，最后发现键盘上numlock键打开了，导致只能输入数字1 来源： https://www.cnblogs.com/xiaoming521/p/12431034.html

6,BeautifulSoup-获取数据

阅读更多关于 6,BeautifulSoup-获取数据

5,BeautifulSoup-获取数据快速了解 from bs4 import BeautifulSoup html = ''' <html><head><title>The Dormouse's story</title></head> <body> <p class="title"><b>The Dormouse's story</b></p> <p class="story">Once upon a time there were three little sisters; and their names were <a href="http://example.com/elsie" class="sister" id="link1">Elsie</a>, <a href="http://example.com/lacie" class="sister" id="link2">Lacie</a> and <a href="http://example.com/tillie" class="sister" id="link3">Tillie</a>; and they lived at the bottom of a well.</p> <p class="story">...</p> ''' soup = BeautifulSoup(html,'lxml', from

list-style-type:none是加在ul还是li中呢？

阅读更多关于 list-style-type:none是加在ul还是li中呢？

很多时候我们都需要多对列表元素进行初始化，方法是给列表元素添加list-style-type: none，但作为小白的我是经常纠结一个问题：是把它加在ul中还是li中呢我试了一下，加在ul和li都能达到同样的效果，如下把list-style-type: none加在li上： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>前端小王子</title> <style> /*reset*/ body{ margin: 0; } ul{ margin-top: 0; margin-bottom: 0; padding-left: 0; } li{ list-style-type: none; } /*list*/ .list{ width: 125px; margin: 50px auto; background-color: #e8e8e8; } </style> </head> <body> <ul class="list"> <li>放假了</li> <li>买个地球仪吧</li> <li>世界那么大</li> <li>你不但可以看看</li> <li>还可以转转</li> </ul> </body> </html> 虽然可以去掉前面的符号，li的list-style-type也为none，但是ul的list

Vue 是什么？

阅读更多关于 Vue 是什么？

Vue 是什么？ Vue (读音 /vjuː/，类似于 view ) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合使用Vue将helloworld 渲染到页面上指令本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <style type="text/css"> /* 1、通过属性选择器选择到带有属性 v-cloak的标签让他隐藏 */ [v-cloak]{ /* 元素隐藏 */ display: none; } </style> <body> <div id="app">  <div v-cloak >{{msg}}</div> </div> <script type="text/javascript" src="js/vue.js"></script> <script type="text/javascript"> var vm = new Vue({ // el 指定元素 id 是 app 的元素 el: '#app', //

jQuery基础使用

阅读更多关于 jQuery基础使用

jQuery 是一个 JavaScript 库，在原生 JavaScript 上进行了一层封装，极大地简化了 JavaScript 编程。 jQuery下载： https://jquery.com/download/  <script src="./jquery-3.4.1.min.js"></script> 一、jQuery核心方法　　 1.jQuery核心方法：jQuery( )；等同于：$( ) 　　这个方法可以得到一个jQuery对象，而要使用jQuery，首先要得到的就是一个jQuery对象。 // 通过选择器获取jquery对象 $("#id") // 标签对象转换为jquery对象 $(document.body) // 数组对象转换为jquery对象 $([1,2,3]) // html标签转化为jquery对象 $("<p></p>") // $(document).ready()的缩写形式，表示DOM文档加载完毕执行回调，比window.onload（DOM和所有文件加载完毕时执行）先执行 $(function(){}) 　　将jQuery对象转换回原生对象 // 将jquery对象转换为原生对象 $("#id").get(0) $("#id")[0] 　　 2.each方法　　循环jQuery对象的方法 $("#id

2016/4/17 去除 ul ol 前标记 list-style：none list-style-type:none

阅读更多关于 2016/4/17 去除 ul ol 前标记 list-style：none list-style-type:none

对于很多人用div来做网站时，总会用到，但在显示效果时前面总是会有一个小黑点，这个令很多人头痛，但又找不到要源，其它我们可以用以下方法来清除。 1、在CSS中写入代码。找到相关性的CSS，在。.li和.ul下写入list-sytle:none;当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。 2、在相关的页面找到head部分写入下面的代码 <style type="text/css"> list-style:none; </style> 3、在li,ul内加入list-style。如<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">我的博客</a></li>< /ul> 当然这种是很麻烦的了。最简单的就是第一种了，通过CSS来控制，这个当然会有不错的效果了。这几种方法都是通过设置list-style:none来设置的，有的是会用list-style-type，下面我们来看一看它的属性. none不使用项目符号 disc实心圆，默认值 circle空心圆 square实心方块 decimal阿拉伯数字 lower-roman小写罗马数字 upper-roman大写罗马数字 lower-alpha小写英文字母 upper

JavaScript 实现伸缩二级菜单

阅读更多关于 JavaScript 实现伸缩二级菜单

JavaScript 实现伸缩二级菜单新的案例　　伸缩二级菜单　　　　　　案例说明：效果图如下，一次只能打开一个，打开后，+ 号变 - 。　　　　　　 HTML 代码  <style> li { /*取消li小圆点*/ list-style: none; } li span { /*给 span 标签设置背景图片（开头的小加号小减号，no-repeat不循环，初始位置 0 0）*/ background: url(add.png) no-repeat left center; padding-left: 20px; } /*起始样式*/ li ul{ height: 0; /*溢出隐藏*/ overflow: hidden; /*添加过渡效果*/ transition: all 0.5s; } /*展开样式*/ .open{ background-image: url(minus.png); } .open+ul{ height: 70px; } </style> <ul class="tree"> <li><span class="open">考勤管理</span> <ul> <li>日常考勤</li> <li>请假申请</li> <li>加班出差</li> </ul> </li> <li><span>信息中心</span> <ul> <li

谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略

阅读更多关于谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略

原文: 谈谈一些有趣的CSS题目（八）-- 纯CSS的导航栏Tab切换方案开本系列，谈谈一些有趣的 CSS 题目，题目类型天马行空，想到什么说什么，不仅为了拓宽一下解决问题的思路，更涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。不断更新，不断更新，不断更新，重要的事情说三遍。谈谈一些有趣的CSS题目（一）-- 左边竖条的实现方法谈谈一些有趣的CSS题目（二）-- 从条纹边框的实现谈盒子模型谈谈一些有趣的CSS题目（三）-- 层叠顺序与堆栈上下文知多少谈谈一些有趣的CSS题目（四）-- 从倒影说起，谈谈 CSS 继承 inherit 谈谈一些有趣的CSS题目（五）-- 单行居中，两行居左，超过两行省略谈谈一些有趣的CSS题目（六）-- 全兼容的多列均匀布局问题谈谈一些有趣的CSS题目（七）-- 消失的边界线问题所有题目汇总在我的 Github 。 8、纯CSS的导航栏Tab切换方案不用 Javascript ，使用纯 CSS 方案，实现类似下图的导航栏切换： CSS 的强大之处有的时候超乎我们的想象，Tab 切换，常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 CSS 完成同样的事情。实现 Tab 切换的难点在于如何使用 CSS

05-伪类选择器

阅读更多关于 05-伪类选择器

伪类选择器一般会用在超链接a标签中，使用a标签的伪类选择器，我们一定要遵循"爱恨准则" LoVe HAte 1 /*没有被访问的a标签的样式*/ 2 .box ul li.item1 a:link{ 3 4 color: #666; 5 } 6 /*访问过后的a标签的样式*/ 7 .box ul li.item2 a:visited{ 8 9 color: yellow; 10 } 11 /*鼠标悬停时a标签的样式*/ 12 .box ul li.item3 a:hover{ 13 14 color: green; 15 } 16 /*鼠标摁住的时候a标签的样式*/ 17 .box ul li.item4 a:active{ 18 19 color: yellowgreen; 20 } View Code 再给大家介绍一种css3的选择器nth-child() /*选中第一个元素*/ div ul li:first-child{ font-size: 20px; color: red; } /*选中最后一个元素*/ div ul li:last-child{ font-size: 20px; color: yellow; } /*选中当前指定的元素数值从1开始*/ div ul li:nth-child(3){ font-size: 30px; color: purple; }

better-scroll在vue中的坑

阅读更多关于 better-scroll在vue中的坑

在我们日常的移动端项目开发中，处理滚动列表是再常见不过的需求了，以滴滴为例，可以是这样竖向滚动的列表，如图所示：也可以是横向滚动的导航栏，如图所示：可以打开“微信 —> 钱包—>滴滴出行”体验效果。我们在实现这类滚动功能的时候，会用到我写的第三方库，better-scroll。什么是 better-scroll better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 better-scroll 的滚动原理不少同学可能用过 better-scroll，我收到反馈最多的问题是：我的 better-scroll 初始化了，但是没法滚动。不能滚动是现象，我们得搞清楚这其中的根本原因。在这之前，我们先来看一下浏览器的滚动原理：浏览器的滚动条大家都会遇到，当页面内容的高度超过视口高度的时候，会出现纵向滚动条；当页面内容的宽度超过视口宽度的时候，会出现横向滚动条。也就是当我们的视口展示不下内容的时候，会通过滚动条的方式让用户滚动屏幕看到剩余的内容。那么对于 better-scroll 也是一样的道理，我们先来看一下 better-scroll 常见的 html 结构： <div class=

订阅 ul