响应式布局分为三部分: (1)流式布局 (2)媒体查询 (3)响应式布局 1流式布局(百分比布局) 1流式布局(百分比布局) 流式布局又叫百分比布局.宽高定位位置都以百分数参照父标签相应的尺寸.margin,padding的 top right bottom left 都为百分数. 盒子模型里面的m ...
分类:
其他好文 时间:
2016-08-06 17:38:54
阅读次数:
205
css-盒子模型 一、padding(内边距) 元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。CSS padding 属性定义元素边框与元素内容之间的空白区域。 padding-left/right/top/bottom 左内边距/右内边距/上内边距/下内边距 例如 ...
分类:
Web程序 时间:
2016-08-06 17:15:17
阅读次数:
166
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>面向对象贪吃蛇</title> <style> html, body { margin: 0; padding: 0; background: rgb(162, 1 ...
分类:
其他好文 时间:
2016-08-06 15:53:47
阅读次数:
220
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } canvas { position: absolute; ...
分类:
其他好文 时间:
2016-08-06 15:45:16
阅读次数:
149
网页设计中常听的属性名:内容(content)、填充(padding)、边框(border)、边界(margin), CSS盒子模式都具备这些属性。 这些属性我们可以用日常生活中的常见事物——盒子作一个比喻来理解,所以叫它盒子模式。 CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维 ...
分类:
Web程序 时间:
2016-08-05 23:03:43
阅读次数:
210
一,块属性标签 1,默认撑满一行; 2,高度,行高以及顶、底边距都可控制; 3,宽度缺省是它所在容器的100%,除非设定一个宽度。 二,行内属性标签 1,默认标签后面跟相同属性的标签元素; 2,不支持宽高; 3,只支持横向的margin和padding; 4,便签间的换行和空格被解析; 注:关于嵌套 ...
分类:
其他好文 时间:
2016-08-05 22:55:15
阅读次数:
147
1、可匹配部分字符串 2. box-sizing属性 可使用box-sizing属性选择盒子模型:border-box; content-box(默认); padding-box CSS3背景提供了 两个新属性:background-clip 和 background-origin,用来指定背景在元 ...
分类:
Web程序 时间:
2016-08-05 21:29:31
阅读次数:
148
目前做过几次 左右对齐。而且文字不一样 多少 每次需要调试很多次。遂模仿滴滴 做了一个demo <dl> <dt>扣费金额 :</dt> <dd>88.10元扣费金额</dd> </dl> /*各个部分样式*/ @charset "utf-8";.detail-outer { padding: 0 ...
分类:
其他好文 时间:
2016-08-05 19:37:14
阅读次数:
159
1、默认样式重置(CSS reset) body,p,h1,h2,h3,h4,h5,h6,dl,dd{margin:0;padding:0;font-size:12px;} ol,ul{margin:0;padding:0;list-style:none;} a{text-decoration:no ...
分类:
Web程序 时间:
2016-08-05 14:00:26
阅读次数:
191
网页中各个元素的布局,一般是根据文档流自上而下进行布置。如果想要实现一些独特的布局,则需要进行相应的CSS设置。(position , margin , padding ,float ) 网络上流传的布局方案,一般都涉及 清除浮动 。 所以这又是什么含义,怎么实现呢? |--Position--| ...
分类:
移动开发 时间:
2016-08-05 13:56:39
阅读次数:
242