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
给子div添加margin-top: 20px,发现父子DIV都一起相对BODY下移了20PX,为何不是只是子DIV下移20PX ? 如果我给父DIV添加border: 1px solid,就可以实现父DIV不动,只是子DIV相对父DI...
分类:
其他好文 时间:
2014-11-23 18:53:52
阅读次数:
150
1、设计实例
jQuery事件
body{
font-family:微软雅黑;
font-size:12px;
font-stretch:normal;
background-color:!important;
width:400px;
height:auto;
}
.total{
border:#00FF00 solid 1px;
...
分类:
Web程序 时间:
2014-11-22 17:28:40
阅读次数:
150
1.CSS3圆角的优点传统的圆角生成方案,必须使用多张图片作为背景图案。CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点:减少维护的工作量。图片文件的生成、更新、编写网页代码,这些工作都不再需要了。提高网页性能。由于不必再发出多余的HTTP请求,网页的载入速度将变快。增...
分类:
Web程序 时间:
2014-11-22 15:58:15
阅读次数:
318
自定义错误消息的显示方式默认情况下,验证提示信息用label元素来显示, 并且会添加css class, 通过css可以很方便设置出错控件以及错误信息的显示方式。/* 输入控件验证出错*/form input.error { border:solid 1px red;}/* 验证错误提示信息*/fo...
分类:
Web程序 时间:
2014-11-22 15:47:59
阅读次数:
165
将32位补码表示的数转换为10进制数。32位补码十进制0x1b84400x14200xFFFFFE58-4240xFFFFFE74-3960x44680xFFFFFEC8-3120x10160xC120xFFFFFEEC-2760x2032
分类:
移动开发 时间:
2014-11-22 00:39:24
阅读次数:
402
在2.17的基础上完成下表:x十六进制T2U(x)-80x88-30xD13-20xE14-10xF1500x0050x55
分类:
移动开发 时间:
2014-11-22 00:37:34
阅读次数:
194
假设w=4,我们能给每个可能的十六进制数字赋予一个数值,假设用一个无符号或者补码表示。完成下表:x无符号(B2U(x))补码(B2T(x))十六进制二进制0xE111014-20x00000000x50101550x810008-80xD110113-30xF111115-1
分类:
移动开发 时间:
2014-11-21 23:06:47
阅读次数:
276
前言:我还是个前端的菜鸟,现在在实习,接触到一些移动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