css垂直水平居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="...
css 6种隐藏元素的方法
1. CSS display的值是none。(该元素是不会在页面上显示) 2. type=”hidden”的表单元素。(该元素是不会在页面上显示) 3. 宽度和高度都显式设置为0。(该...
css设置背景模糊虚化效果
.blur { filter: blur(6px); -webkit-filter: blur(6px); /* chrome, opera */ -ms-filter: blur(6px); -moz-...
前端写页面该注意些什么呢?
做了几年的前端,现在写页面应该也算是熟能生巧吧.介绍一下前端需要用到的技巧:一.切图:1.对于一个初级前端来说,设计师给到你psd的时候,你首先该做的是什么呢?你先看看浏览一遍,然后就马上开始切图吗?还是你把每个页...
bootstrap学习心得:下拉效果,表单
bootstrap大家都晓得,是用来做前端的响应式框架,用了这个框架前端的一些效果省了很多时间,比如图片切换,tab,响应式导航,栅格化排版,按钮等.该用来做后台跟企业网站比较多,做电商网站的案例还是比较少的.电商网站的特...
css强制换行和超出隐藏实现
一、强制换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。 2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。 3 white-space: pre-wra...
div的css3边框动画效果
html:<div class="wrap"> <a href="javascript:void(0)"> <span class="top&...
ie7,8兼容input表单placeholder默认
代码如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>plac...
css上传图片
<div class="sendImage"> 上传图片 <input type="file" class="imageFile" name="imag...
Bootstrap禁用响应式布局
Bootstrap这个前端框架，在前端界可是一款大名鼎鼎的框架，使用Bootstrap不需要很强的设计能力就能设计出很漂亮的网页，这几天在开发一个创业项目，PC端web就打算使用Bootstrap来进行开发，但是又想去掉Bootstrap的...
input默认颜色修改
/*input默认颜色修改*/ ::-webkit-input-placeholder { /* WebKit browsers */ color:#ccc; } :-moz-placeholder { /* Mozilla Firefox&...
css3加载效果,纯css实现加载动画效果
html:<div class="loading"></div>style: .loading{ width: 32px;height: 32px;display: inline-block;border-radi...
