第一部分：margin--基础知识 要介绍margin的基础知识，我们不可回避地要谈到css盒子模型（Box Model），一般而言，css盒子模型是用来设计和布局的。它本质上是一个盒子，包括：外边距（margin）、边框（border）、内边距（padding）以及最中间的内容（content）。下图即为盒子模型（这里只谈W3C规范的标准盒模型，而不谈I...
一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，Firefox3及其以下以及Opera浏览器也可以休息去看...
当对文档进行布局时，浏览器渲染引擎会根据css-Box模型（CSS Basic Box model）将所有元素表示为一个矩形盒子。CSS决定这些盒子的大小，位置以及属性（颜色，背景，边框尺寸） 标准盒模型 从外向内依次为： Margin + border + padding + content-width 外边距区域margin area用空白区域扩展边框...
CSS 篇 0.5px细线 移动端 H5 项目越来越多，设计师对于 UI 的要求也越来越高，比如 1px 的边框。在高清屏下，移动端的 1px 会很粗。 那么为什么会产生这个问题呢？主要是跟一个东西有关，DPR(devicePixelRatio) 设备像素比，它是默认缩放为 100%的情况下，设备像素和 CSS 像素的比值。目前主流的屏幕 DPR=2（...
约定：1.<meta name="viewport" content="width=device-width">这种标记简称"wdw"="width=device-width" 约定：2.viewport简称vp 约定：3.常用的属性会有“★”标志 都是只读属性！ 其中Chrome或FF没通过的属性标记（未实现） window对象： 1.★i...
在CSS3中，我们可以使用box-shadow属性轻松地为元素添加阴影效果。 语法： box-shadow：x-shadow y-shadow blur spread color inset; 说明： （1）x-shadow：设置水平阴影的位置（X轴），可以使用负值； （2）y-shadow：设置垂直阴影的位置（y轴），可以使用负值； （3）bl...
CSS 边框(border)实例：元素的边框 (border) 是围绕元素内容和内边距的一条或多条线。CSS border 属性允许你规定元素边框的样式、宽度和颜色。CSS 边框属性属性 描述border 简写属性，用于把针对四个边的属性设置在一个声明。border-style 用于设置元素所有边框的样式，或者单独地为各边设置边框样式。border-w...
今天同事向我问了一个问题，他要设置table的边框，说实话，我也很少弄过table的边框。 通过差一些资料http://blog.sina.com.cn/s/blog_565812e60100czbn.html， 我发现设置table的CSS为{border-collapse:collapse;border:none;},再设置td的CSS为{border...
2013-11-01 设置div的圆角边框 首先给大家上个图片展示吧 1、首先下载Pie文件，在http://css3pie.com/下载Pie.js文件，最好是里面的文件不要删减，我是直接用的 2、然后上hmtl代码吧 <div> 111111111111111</div> css样式： &l...
border常见属性 值 描述 border-width 规定边框的宽度 border-style 规定边框的样式 border-color 规定边框的颜色 border-image 规定边框的图像 border-radius 规定边框的圆角 box-shadow 规定边框的阴影 1.border-width：规定边框宽...