Css
【跑马灯】纯css3跑马灯demo
我们写跑马灯一般都是用js控制定时器不断循环产生，但是定时器消耗比较大，特别是程序中很多用到定时器的时候，感觉有的时候比较卡。但是css3样式一般不会。这里主要的思路就是用css3代替js定时器实现一个简单的跑马灯。 1、基本思路 这次demo主要是通过css3中的anima...
css3中 弹性盒模型布局之box-flex
box-flex：也就是让子容器针对父容器的宽高属性依照一定的规则来划分Eg：html代码：<div class="wrap"><div class="box1">01</div><div class=&qu...
20 个让你效率更高的 CSS 代码技巧
在这里想与你分享一个由各大CSS网站总结推荐的20个有用的规则和实践经验集合。有一些是面向CSS初学者的，有一些知识点是进阶型的。希望每个人通过这篇文章都能学到对自己有用的知识。 与其他大多数属性不同，上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个...
Vue-cli 3.0 使用Sass Scss Less预处理器
你可以在创建项目的时候选择预处理器(Sass/Less/Stylus)。如果当时没有选好，内置的webpack仍然会被预配置为可以完成所有的处理。你也可以手动安装相应的webpackloader：#Sassnpminstall-Dsass-loadernode-sass#Lessnpminstall-Dless-loa...
css公共类
/*iOS弹性滚动*/.scrolling{position:absolute;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}/*解决ios安卓一像素边线问题解决办法使用0.5边线*/...
web前端总结面试问题<CSS&HTML问题>
一个父元素div，一个未知宽度、高度的子元素div[上下左右居中方法总结]//1、position布局，position设为absolute，其他同情景一 2、display：table 父级元素：{display:table;} 子级元素：{displ...
针对IE的CSS hack 全面 实用
.allIE{property:value9;}.gteIE8{property:value;}.lteIE7{*property:value;}.IE8/9{property:value;}.IE9{property:value9;}.IE7{+property:value;}.IE6{_property:value...
css position:absolute 如何居中对齐
要写死宽度，就好弄了position:absolute;left:50%;width:980px;margin-left:-490px;text-algin:center...
sublime 经验总结 主题有 less2css
1.安装“包控制”模块操作步骤见该网站：https://sublime.wbond.net/installation#Simplesublime2的代码如下： importurllib2,os,hashlib;h='7183a2d3e96f11eeadd761d777e62404'+'...
自从用了Less 编写css，你比以前更快了~（sublime编译）
之所以用这个标题呢,主要是最近调侃杰伦太有意思了。好吧，开个玩笑而已。如果你了解过Less，并对之很熟悉，就不用往下看了。如果你没用过，恭喜，这是一个入门级的教程，学会了它，可以为你节省10%的绳命。@width:300px;@fonts:12pxbold"宋体,Verdana";.block-header{color...
浏览器兼容CSS代码：按钮文字垂直居中(input button text vertical align)
经过测试的浏览器：IE6,IE7,IE8,IE9,Firefox,Chrome,Safiri,Maxthon按钮的HTML代码：<inputid="btn_comment_submit"type="button"class="comment_btn"value="提交评论"/>CSS代码：input::-m...
CSS实现div填充剩余高度
相信小伙伴们经常会遇到这个问题，我也是填了很多坑，查了很多资料，才解决的，下面我列出2个方法：我们的需求如图：1：（这个方法不推荐使用，因为可能会因为设备不同，而出现未知BUG，特别是div出现padding的时候）<divclass="main"><divclass="title"></...
CSS伪类:empty和:only-child
1、:emptya、匹配空标签元素<divclass="cs-empty"></div>.cs-empty:empty{width:120px;padding:20px;border:10pxdashed;} b、隐藏空元素--无法识别空格<divclas...
css-图片左右上下居中自适应大小
html<a><imgsrc="images/share/PHOTO_4.jpg"alt="埔里之春"></a><a><imgsrc="images/share/PHOTO_4.jpg"alt="埔里之春"></a><a><img...
