在辨析两种盒子模型之前,先简单说明一下什么叫盒子模型。
原理:
先说说我们在网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。
这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式。
特点:
每个盒子都...
分类:
Web程序 时间:
2014-07-26 03:00:06
阅读次数:
372
遇到 input与select 设置相同宽高,在浏览器上却显示不一致,遂实验了下(IE 10.013 ,Firefox 30.0),得出以下结论input width,height 值里面, 不包含 border边框和padding内边距,即:设置的只是内容本身的高与宽。border与padding...
分类:
其他好文 时间:
2014-07-26 00:59:06
阅读次数:
272
.main_con img{ max-width: 610px; height: auto; cursor: pointer; border: 0px double #cccccc; padding: 2px; zoom: expression( function...
分类:
其他好文 时间:
2014-07-25 14:27:11
阅读次数:
177
Jsonp(JSON with Padding)是资料格式 json 的一种“使用模式”,可以让网页从别的网域获取资料。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的 ...
分类:
Web程序 时间:
2014-07-24 22:37:33
阅读次数:
220
.btn_buttom{ margin: 0px; padding: 0px; outline: none; /*去除按钮单击后的虚线框*/ border: none; /*去除边框*/ width: 43px; height: 23px; backgrou...
分类:
其他好文 时间:
2014-07-24 21:48:22
阅读次数:
256
传说中的Mozilla推荐Java代码/*mozilla.orgBaseStyles*maintainedbyfantasai*//*Suggestedorder:*display*list-style*position*float*clear*width*height*margin*padding...
分类:
Web程序 时间:
2014-07-24 17:07:25
阅读次数:
337
style="padding-bottom: 0px; line-height: 1.5; margin: 0px; padding-left: 0px; padding-right: 0px; font-family: 宋体, Arial; font-size: 14px; padding-top...
分类:
系统相关 时间:
2014-07-23 20:34:05
阅读次数:
288
你也许已经掌握了id、class、后台选择器这些基本的css选择器。但这远远不是css的全部。下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题。掌握了它们,才能真正领略css的巨大灵活性。1. *1* {margin: 0; padding: 0;}星状选择符会在页...
分类:
Web程序 时间:
2014-07-23 20:30:45
阅读次数:
306
MainActivity如下:
package cn.com.bravesoft.testlistviewloadmore;
import java.util.ArrayList;
import java.util.HashMap;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ListV...
分类:
移动开发 时间:
2014-07-22 23:51:27
阅读次数:
371
昨天写了一张手机端页面,手机端的页面要注意的最重要的一点就是页面要随着手机界面大小的改变而改变,手机的屏幕很小,即使是很小的左右留白也给人一种浪费和不协调的感觉。 因此,大量的标签需要"width:100%",但是元素width的算法默认为“width”=width+padding+margi...
分类:
其他好文 时间:
2014-07-22 22:44:33
阅读次数:
241