CSS盒子模型:
早期的网页设计主要是表格,后来主要是div+css
盒子模型:
1.边框:border:
border-top、border-bottom、border-left、border-right
2.内边距:padding:
padding-top、padding-bottom、padding-left、padding-right
3.外边距:margin:...
分类:
Web程序 时间:
2014-11-24 01:14:21
阅读次数:
222
1.默认的内外边距不同问题:各个浏览器默认的内外边距不同解决:*{margin:0;padding:0;}2.水平居中的问题问题:设置text-align: centerie6-7文本居中,嵌套的块元素也会居中ff /opera /safari /ie8文本会居中,嵌套块不会居中解决:块元素设置1、...
分类:
其他好文 时间:
2014-11-24 00:43:19
阅读次数:
281
左边是火狐显示,右边为IE显示。用overflow:hidden;可使子div消失。
分类:
其他好文 时间:
2014-11-23 21:33:06
阅读次数:
132
知乎链接:http://www.zhihu.com/question/21644198关于BFC的解释:W3CFans http://www.w3cfuns.com/thread-5595727-1-1.html 前端精选温仔:http://www.cnblogs.com/lhb25/p/insid...
分类:
其他好文 时间:
2014-11-23 21:28:09
阅读次数:
184
margin-right其实有效果的,只是在默认即标准流的情况的下显示不出来效果。如果脱离标准流呢?想到这个,就立马在css文件中加了一个:float:right;然后在测试的时候就能看到margin-right的效果了。.style1{ width:400px; height:440px; bac...
分类:
其他好文 时间:
2014-11-23 20:11:01
阅读次数:
208
给子div添加margin-top: 20px,发现父子DIV都一起相对BODY下移了20PX,为何不是只是子DIV下移20PX ? 如果我给父DIV添加border: 1px solid,就可以实现父DIV不动,只是子DIV相对父DI...
分类:
其他好文 时间:
2014-11-23 18:53:52
阅读次数:
150
/* 样式重置 */body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input,textarea,th,td,select{ margin:0; padding:0;}em{ font:normal;}a{ text-decoration:none;}li{ li...
分类:
Web程序 时间:
2014-11-22 00:40:28
阅读次数:
290
每天一个JavaScript实例-cookie的使用方法
div{margin:5px;}
window.onload = function(){
if(navigator.cookieEnabled){
document.getElementById("set").onclick = setCookie;
document.getElementById("get").oncl...
分类:
编程语言 时间:
2014-11-21 16:24:00
阅读次数:
181
前言:我还是个前端的菜鸟,现在在实习,接触到一些移动web的开发任务,遇到了很多问题,记录一下顺便分享给大家。问题?要实现下图的三等分屏幕效果。此页面为手机web页面,要求自适应宽度。探索:期初是用的width:33.33%,但是这样很容易出错,因为margin,border和padding不计算在...
分类:
其他好文 时间:
2014-11-21 16:06:04
阅读次数:
285
.arrow_box:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: #ffffff; border-width: 30px; margin-left: -30px;}.arrow_box:before { bor...
分类:
其他好文 时间:
2014-11-21 13:54:42
阅读次数:
116