盒子模型有两种 一种是 内容盒子模型(content-box)一种是边框盒子模型(border-box). content-box:设置的尺寸,只设置内容区域, 左外边距+左边框+左内边距+内容区域宽度+右内内边距+右边框+右外边距 border-box:设置的尺寸,设置的是包含边框在内,边框内部的尺寸. 元素实际占地宽度:左外边距+width+右外边距 元素实际占地高度: 上外边距+height+下外边距 网上搜索了两张配图不错 很直观. 边框盒子模型(IE6 的盒子模型)起源于IE的怪异模式…

刚刚接触前端开发,对于-webkit-font-smoothing: antialiased; 这个属性不了解.上网查找了一些资料. 总结一下: -webkit-font-smoothing  :  设置字体的抗锯齿或光滑度的属性. 有3个值: 1.none :无抗锯齿 2.subpixel-antialiased [默认的]: 次像素平滑 3.antialiased :灰度平滑 这个属性仅对mac系统有效.…

在Editplus中默认的内容提示是很少的,比如我们最常用的syso快捷输出就没有,那么怎么来设置呢? 首先打开工具-首选项: 然后打开文件类型及语法-在文件类型中打开Java,如图: 然后打开 我们可以看到这里已经配置好了一些快捷方式,我们可以模仿来配置一些其他的,如图,我添加了很多,里面的^!表示输入后的光标所在的位置,可以根据自己的需要设置: 配置在这个位置或者最下面也可以,建议配置在这中间: 如图,我已经添加了成功了: 保存之后我们来测试一下(注意有的时候在保存的时候可能会出现错误,原因…

转载请标明出处:http://blog.csdn.net/android_ls/article/details/39993433 測试的手机IOS系统版本为:6.1.3,实现过程例如以下: 1.加入UISearchBar到父View _searchBar = [[UISearchBar alloc]init]; _searchBar.frame = CGRectMake(0, 0, self.view.frame.size.width, kSeachBarH); _searchBar.autor…

框和布局 在 KB005: CSS 层叠 中已经介绍了 CSS 的重要之处.CSS 可以说是页面表现的基础, CSS 可以控制布局,控制元素的渲染. 布局是讲在电影画面构图中,对环境的布置.人物地位的调度.人物之间的关系.人物和景物的关系等的安排.大同小异,CSS 的布局也是一样. CSS 的布局,包含两个大部分: 元素:元素及其组成,类似电影布局中人物的高矮胖瘦.衣着配饰等,以及场景中的桌椅板凳,物品等等. 定位:元素的位置, 类似电影场景的中对环境的设置,人物作为元素,他们之间的关系会影响其…

框和布局 在 KB005: CSS 层叠 中已经介绍了 CSS 的重要之处.CSS 可以说是页面表现的基础, CSS 可以控制布局,控制元素的渲染. 布局是讲在电影画面构图中,对环境的布置.人物地位的调度.人物之间的关系.人物和景物的关系等的安排.大同小异,CSS 的布局也是一样. CSS 的布局,包含两个大部分: 元素:元素及其组成,类似电影布局中人物的高矮胖瘦.衣着配饰等,以及场景中的桌椅板凳,物品等等. 定位:元素的位置, 类似电影场景的中对环境的设置,人物作为元素,他们之间的关系会影响其…

一 行框 看图说话 css 行框 各部分详解 上图代表了框模型中的行框.line-height 属性设置行间的距离(行高).该属性会影响行框的布局.在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离. line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半,分别加到一个文本行内容的顶部和底部.可以包含这些内容的最小框就是行框.[来源] 二 框模型 继续看图 上图代表了CSS中的框,每个框(也就是所有元素都是框,一定要记住这点,下…

1.概述 为了更好的处理 元素内容.内边距.边框 和 外边距 之间的关系,CSS 定义了框模型如下: 内边距.边框 和 外边距 的默认值都是零,可以通过设置元素的 padding.border 和 margin 属性来覆盖这些默认的浏览器样式.另外,要注意的是 width 和 height 属性可以分别用于设置内容区域的宽度和高度 2.内边距 padding 属性定义元素的内边距,其接受长度值和百分数值,要注意的是百分数值是相对于其父元素的 width 属性计算的 一般情况下,我们需要指定四个值…

cppy from : http://www.cnblogs.com/RascallySnake/archive/2010/08/03/1791365.html Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly   $('input').attr("readonly","readonly")//将input元素设置为readonly   $('input').removeAttr(&quo…

jQuery的api中提供了对元素应用disabled和readonly属性的方法,如下: 1.readonly    $('input').attr("readonly","readonly")//将input元素设置为readonly      $('input').removeAttr("readonly");//去除input元素的readonly属性      if($('input').attr("readonly"…