随着接触的项目越来越多,就可以感受到“居中”应用的非常广泛。水平居中,这里就不多说了,margin:0 auto就可以解决。最令人烦恼的是垂直居中,这也是本章将重点总结的地方。下面按类来划分垂直居中的解决方法: 1.单行文本垂直居中 代码:div p{ line-height: 30...
分类:
Web程序 时间:
2015-08-11 17:39:08
阅读次数:
120
--------------------页面定制CSS代码/*------CSS Code-----------------------------------*/.subtitle{ font-size:200%; margin-left:750px; margin-top:-30px; ...
分类:
其他好文 时间:
2015-08-11 16:05:00
阅读次数:
139
鼠标点击input前: 鼠标点击input后:html部分: css部分:input{ width: 200px; height: 30px; margin: 10px; outline: none; border: 1px solid gray;}.active{ border: 1px s...
分类:
其他好文 时间:
2015-08-11 13:44:46
阅读次数:
125
JS版
下拉刷新
body{
margin:0px auto;
padding:0px;
}
*{
margin:0px auto;
padding:0px;
}
#mainContent{
margin-top:20px;
width:200px;
height:300px;
border:1px solid #ccc;
overflow:sc...
分类:
其他好文 时间:
2015-08-11 10:08:29
阅读次数:
118
css代码之所以初始化,是因为能尽量减少 各浏览器之间的兼容性问题!腾讯QQ官网 样式初始化body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0...
分类:
Web程序 时间:
2015-08-11 08:31:24
阅读次数:
140
行内元素和块级元素对于前端来说是一个很重要的概念。在CSS中,只有块级元素有物理属性,而元素则有三种形态:1. 块级元素:有物理属性,width,height写值起作用,而且要占据一行。2. 行内元素:没有物理属性。但是margin,padding值有用。不占据一行,后边可以有兄弟元素。3.即是块又...
分类:
其他好文 时间:
2015-08-10 19:58:50
阅读次数:
154
参考妙趣课堂的视频,做了这个游戏,通过这个游戏可以了解到canvas的强大。废话不多说,直接上代码。
html代码:
马祖
css代码:这里我用的是less
@black:#000;
@white:#fff;
* {
margin: 0;
padding: 0;
}
body {
background-color:@black;
}
#box {...
分类:
Web程序 时间:
2015-08-10 11:58:22
阅读次数:
181
本特效的原版是codepen上面的hover.css项目,个人很喜欢所以把所有的hover特效自己也写了一遍,上传文件麻烦所以直接把css整合到HTML代码中了,代码复制下来保存后即可用浏览器打开浏览。
Hover
.container {
margin: 0 auto;
w...
分类:
Web程序 时间:
2015-08-10 10:44:43
阅读次数:
146
*{margin:0px;padding:0px}img{width:400px;height:200px}#ul1 li{list-style: none;float:left;margin-left:14px}#div1{position:absolute;...
分类:
其他好文 时间:
2015-08-09 22:05:06
阅读次数:
148
周末闲暇时,参照http://www.cnblogs.com/babyzone2004/archive/2010/08/30/1812682.html实现了个jquery图片轮播特效界面效果:css实现:*{
margin:0;
}
div{
position:relative;
width:600px;
height:400px;
border:1px#000solid;
overflow:hidden;
margin:auto;
}
divul{
lis..
分类:
Web程序 时间:
2015-08-09 11:01:56
阅读次数:
117