一、无序列表(ul>li) 代码格式： <ul> <li>今日头条</li> <li>知乎</li> </ul> 效果图： 二、有序列表(ol>li) 格式： <ol> <li>今日头条</li> <li>知乎</li></ol> 效果图： 三、定义列表(dl>dt|dd) 代码格式： <dl> < ...
分类：
Web程序 时间：
2019-11-10 17:12:22
阅读次数：
123
为了消除各浏览器对css默认的设置，保持网页在各浏览器中的外观保持一致，初始化css就显得非常必要了！很多时候出现的样式不兼容问题，都可以通过css初始化代码来解决。1.最耗资源的，最简单的*{padding:0;margin:0;border:0;}2.选择性初始化举例（综合）body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,legend
分类：
Web程序 时间：
2019-11-08 09:19:58
阅读次数：
128
<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功，则给这个元素添加一个类active 2==》如何只显示 点击下标与之 ...
分类：
其他好文 时间：
2019-11-07 23:40:04
阅读次数：
127
因为某些奇奇怪怪的原因，导致必须学习VUE。 在这几天的学习中，碰到了大大小小的坑，也都解决了。 但是就在今天，我翻遍了网上的博客等(都是搬运工) 都没找到解决方法，所以自己找到了解决方法 在引入element-ul的时候一直报如下错误 No PostCSS Config found in: /ho ...
分类：
其他好文 时间：
2019-11-07 13:01:25
阅读次数：
125
一、解释 1. 迭代数组 <ul> <li v-for="(item, i) in list">索引：{{i}} 姓名：{{item.name}} 年龄：{{item.age}}</li> </ul> 2. 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> <div v-for="(val ...
分类：
其他好文 时间：
2019-11-04 13:22:03
阅读次数：
95
1.导航栏 编码ul>li .wrapper { padding: 0; /*the beginning 开始网页自带16pxmargin*/ margin: 0; width: 300px; /*父级一开始宽度300px*/ list-style: none; /*清除格式前面的圆点*/ disp ...
分类：
其他好文 时间：
2019-11-02 13:24:51
阅读次数：
273
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style> #aside .aside-content>ul ul{ display: none; } </style> </head> <body> <div id="aside" s... ...
分类：
其他好文 时间：
2019-10-31 16:36:30
阅读次数：
98
1 _nth-child系列 :nth-child（index） <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>nth-Child</title> <style type="text/css"> ul > ...
分类：
Web程序 时间：
2019-10-30 13:55:06
阅读次数：
97
什么是Bootstrap? Bootstrap是Twitter推出的一个开源的用于web前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less ...
分类：
Web程序 时间：
2019-10-29 23:44:28
阅读次数：
135
在我们大多数时候都是通过<ul><li>...</li></ul>来实现同级的加载，但是也用很多时候li里的内容是不固定的。需要根据后台返回数据来生成。 下面来说一下在vue中这种形式的做法； 首先在HTML中的代码如下 还有我们的点击时执行的函数，写在methods中；如下 this.active ...
分类：
其他好文 时间：
2019-10-28 20:55:02
阅读次数：
138
