在写网页的过程中，总是写完了这一套，样式出了问题又去找问题废了好长时间总结一下写法以下是结构 经常会出现 li 里面与文字不在一个高度上 解决方法： ul 的高 == li 的高 == ul 的 行高 == li 的行高 ...
分类：
其他好文 时间：
2018-12-21 13:26:48
阅读次数：
195
CSS3 flexbox 布局 flex项目属性介绍 现在介绍用在flex项目上的css 属性，html结构还是用ul, li 结构，不过内容改成1,2,3, 样式的话，直接把给 ul 设display:flex 变成flex 容器，默认主轴的方向为水平方向。index.html <ul> <li> ...
分类：
Web程序 时间：
2018-12-21 00:56:18
阅读次数：
178
<div id="app"> {{name}} <!--v-model 双向数据绑定--> <input type="text" v-model="name"/> <!--v为值 i为索引--> <p v-for="(v,i) in arr">{{v}} {{i}}}</p> <ul> <!--// ...
分类：
其他好文 时间：
2018-12-19 20:50:00
阅读次数：
128
无序列表 作用：给一堆内容添加无序列表语义（一个没有先后顺序整体），列表中的条目 格式： li 英文是 list item，翻译为列表项 ul应用场景： 导航条 商品列表等 新闻列表 注意事项 这里指的无序是指对于主体来说内容没有先后之分，例如主题是 "选择居住城市（CN）"，北京上海都是中国的城市 ...
分类：
Web程序 时间：
2018-12-17 21:32:31
阅读次数：
222
html <ul id="demo"> <li id="li-1">li1</li> <li id="li-2">li2</li> <li id="li-3">li3</li> <li id="li-4">li4</li> <li id="li-5">li5</li></ul>1234567js 第 ...
分类：
Web程序 时间：
2018-12-17 14:19:05
阅读次数：
226
写在前面 前端开发，图片两端对齐，是十分常见的，也是十分痛苦的，我试过好多方法，通过整理，认为下面还是比较靠谱的，在实践中大家可以试试，欢迎一起学习，一起进步 HTML代码 HTML代码非常简单，用的是DIV，里面用的是SPAN标签。没有采用Ul li 标签，是因为在实践应用中总是出现好多坑，无论怎 ...
分类：
Web程序 时间：
2018-12-17 11:33:56
阅读次数：
167
<div class="tab-pane" id="deviceControl"> 设备控制面板 <ul class="list-unstyled"> <li> <i class="fa fa-tv" style="margin-right: 10px;"></i><a href="#">菜单1</ ...
分类：
其他好文 时间：
2018-12-14 22:44:15
阅读次数：
125
1. id选择器( myid) 2. 类选择器(.myclassname) 3. 标签选择器(div,h1,p) 4.相邻选择器(h1+p) 5.子选择器(ul li) 6.后代选择器(li a) 7.通配符选择器( ) 8.属性选择器(a[rel="external"]) 9.伪类选择器(a:ho ...
分类：
Web程序 时间：
2018-12-13 21:47:42
阅读次数：
228
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { bac ...
分类：
Web程序 时间：
2018-12-12 18:57:01
阅读次数：
167
<style> * { margin: 0; padding: 0; } ul { list-style: none; } .box { width: 600px; margin: 100px auto; border: 1px solid #000; padding: 20px; } textar ...
分类：
其他好文 时间：
2018-12-11 20:21:54
阅读次数：
198
