vue 弹性布局 实现长图垂直居上，短图垂直居中 大致效果如下图，只考虑垂直方向。长图可以通过滚动条看，短图居中效果，布局合理 html代码(vue作用域内)： css代码： js代码(vue作用域内，使用jquery)： ...
分类：
其他好文 时间：
2017-10-18 14:58:57
阅读次数：
1283
1、如何高效地组织CSS代码。 所有的CSS都可以分为两大类：通用类和业务类。将它们的代码放置于不同的目录中。 （1） 通用类文件夹下应该有default.css、common.css、ie-style.css样式文件等。 default.css文件中是重置元素的默认样式，目的是让元素在各个浏览器中 ...
分类：
Web程序 时间：
2017-10-15 22:41:05
阅读次数：
306
CSS代码中常见这样的写法：flex:1 这是flex 的缩写： flex-grow、flex-shrink、flex-basis，其取值可以考虑以下情况： 1. flex 的默认值是以上三个属性值的组合。假设以上三个属性同样取默认值，则 flex 的默认值是 0 1 auto。同理，如下是等同的： ...
分类：
其他好文 时间：
2017-10-15 15:03:32
阅读次数：
173
在编写Css代码的过程中，使用元素快捷键可以很大的提高开发的效率，以下是webstorm编辑器中的elemt快捷方式： 一、子集关系：“>” 1、书写格式：父级元素>子级元素； 2、例子：div>p; 二、元素自增：“*” 1、书写格式：元素*元素个数； 2、例子：div>p; 三、兄弟关系：“+” ...
分类：
Web程序 时间：
2017-10-15 00:39:10
阅读次数：
210
CSS代码由一个个规则组成，选择器+声明块。 1、元素选择器 标记名{声明块}，eg：p{font-size：18px;} 所有与标记名匹配的元素，都将应用声明块中的规则。 2、类选择器 .类名{声明块} 所有class属性为指定类名的元素，都将应用声明块中的规则。 注意事项：（1）、类名必须以字母 ...
分类：
Web程序 时间：
2017-10-14 23:31:08
阅读次数：
243
假设导航的ID为nav，将其固定在页面顶部可以这样写： #nav{width:100%;height:48px;position:fixed;top:0;z-index: 999;} 其中高宽请根据实际情况修改。 页面文件： <div id="nav">这里是导航栏</div> ...
分类：
Web程序 时间：
2017-10-14 21:09:58
阅读次数：
299
Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具,Emmet是很成熟的并且非常适用于编写HTML/XML 和 CSS 代码的前端开发人员，但也可以用于编程语言。所有的快捷键都是 代码简写键+tab键 完成；1 html:1.1 html的初始化： html:5 ... ...
分类：
其他好文 时间：
2017-10-13 19:12:37
阅读次数：
150
#site_nav_under { display: none; } .c_ad_block, .ad_text_commentbox { display: none; margin: 0; padding: 0; } #ad_under_google { height: 0; overflow: ...
分类：
Web程序 时间：
2017-10-12 19:04:20
阅读次数：
237
css代码 .postTitle { border-left: 3px solid #21759b; margin-bottom: 10px; font-size: 40px; float: right; width: 100%; clear: both;} .c_b_p_desc { font-s ...
分类：
Web程序 时间：
2017-10-11 15:24:52
阅读次数：
267
