摘要: 1个位图像素是栅格图像(如:png,jpg,gif等)最小的数据单元。每一个位图像素都包含这一些资深的现实信息(如:显示位置,颜色值,透明度等)。也称物理像素。 dips,(dip或dp或device independent pixels)指的是设备独立像素(也叫密度无关像素),可以认为是计算机坐标 阅读全文
posted @ 2018-05-04 11:27 Sundy‘s园 阅读(944) 评论(0) 推荐(1) 编辑
摘要: 八、媒体查询(响应式布局) 1、为什么会有媒体查询? 移动设备的快速普及完全颠覆了Web设计领域。用户不再仅在传统桌面系统上查看Web内容,他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。Web设计人员的挑战是确保他们的网站不仅在大屏幕上看起来不错,在小型的电话以及介于它们之间的各种设 阅读全文
posted @ 2018-05-04 11:26 Sundy‘s园 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 七、盒模型 在css中盒模型被分为两种,第一种是w3c的标准盒模型,另一种是IE6混杂模式的传统模型。他们都是对元素计算尺寸的模型。但他们的不同是计算的方式不同。 ①W3C标准盒模型 clientWidth= width + padding + border; ②IE6混杂模式盒模型 clientW 阅读全文
posted @ 2018-05-04 11:23 Sundy‘s园 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 六、columns 多列布局 为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局,W3C特意给CSS3增加了一个多列布局模块(CSS Multi Column Layout Module)。它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的 阅读全文
posted @ 2018-05-04 11:16 Sundy‘s园 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 四、Css3 2D动画 1、2D 转换方法 函数 描述 matrix(n,n,n,n,n,n) 定义 2D 转换,使用六个值的矩阵。 translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。 translateX(n) 定义 2D 转换,沿着 X 轴移动元素。 translat 阅读全文
posted @ 2018-05-04 11:12 Sundy‘s园 阅读(175) 评论(0) 推荐(0) 编辑