盒子模型的学习。 css盒子模型 在网页设计中常听的属性名：内容(content)、填充/内边距(padding)、边框(border)、外边距(margin)， CSS盒子模式都具备这些属性。这些属性我们可以把它转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱 ...
分类：
其他好文 时间：
2016-04-17 17:38:51
阅读次数：
121
在标准盒模型下设置的width和height只是内容的宽和高，但在设置了宽和高的情况下若还要设置border、margin、padding等时，会发生溢出的现象，因此需要将盒模型更改。 box-sizing 属性用来改变默认的 CSS 盒模型对元素宽高的计算方式。这个属性可以用于模拟那些非正确支持标 ...
分类：
其他好文 时间：
2016-04-17 17:28:26
阅读次数：
124
上一篇我提到每一个元素都有自己的display属性，其属性值可以改变。其改变的方式，可以利用神奇的css盒模型（BFC）。 盒模型，是css可视化格式化系统的基础，可以用于元素定位和网页布局。一个盒模型是一个box，包括内容（content），padding（内边距），border（边框），marg ...
分类：
其他好文 时间：
2016-04-17 12:56:23
阅读次数：
132
标签： 块级元素：div p h1 h2 h3 h4 form ul行内元素: a b br i span input selectCss盒模型:内容，border ,margin，padding 行内元素特点 块级元素特点 在html中，<span>、<a>、<label>、<input>、 <i ...
分类：
其他好文 时间：
2016-04-17 00:44:30
阅读次数：
135
html代码。 <!DOCTYPE HTML> <html> <head> <style type="text/css"> body,#content,#te,#sa,#main-content,ul,li{margin:0 auto;padding:0;font-weight:bold;font- ...
分类：
Web程序 时间：
2016-04-16 17:00:02
阅读次数：
188
1、水平居中的方法 ① 单行行内文本水平居中line-height 例如:<button style=”width:100px; height:100px; line-height:100px;”>提交</button> ② padding的使用(高自适应) 例如：<div style=”width ...
分类：
其他好文 时间：
2016-04-15 11:48:58
阅读次数：
131
错误频率较高的JS&CSS问题 勤能补拙，不管是哪门子技术，在实践中多多总结，开发效率慢慢就会提升。本篇介绍几个经常出错的JS&CSS问题，包括事件冒泡、(使用offset、scroll、clientHeight定位元素)、模仿JD写个右栏菜单、元素水平和垂直居中、inline元素遇见padding ...
分类：
Web程序 时间：
2016-04-15 02:12:04
阅读次数：
246
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style media="screen"> *{ padding: 0; margin: 0px; } #wrap{ width:533px; height:3 ...
分类：
其他好文 时间：
2016-04-14 11:55:53
阅读次数：
249
clientHeight 大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意 padding是算在内。其计算方式为clientHeight = topPadding ...
分类：
Web程序 时间：
2016-04-13 11:18:29
阅读次数：
149
Shape的基础标签共有6个：corners, gradient, solid, stroke, padding, size Shape可以有四种形状：rectangle(矩形，默认形状)，oval(椭圆形)，ring(水平线)，ring(环形) 关于corners标签：corners元素只适用于r ...
分类：
移动开发 时间：
2016-04-12 20:53:59
阅读次数：
253
