-
css3.0在移动端得到了广泛应用，虽然它再WEB端因为兼容问题还应用的不是那么广，在web端用背景图片实现圆角目前还是主流。查看全部
-
浏览器私有前缀 解决浏览器显示差异，针对浏览器写私有前缀： IE内核：-ms- Firefox内核：-moz- Opera:-o- 建议使用CSS3.0新增的属性都要加私有前缀，老版的浏览器不一定兼容 谷歌浏览器、Safari内核：-webkit-查看全部
-
CSS圆角进化论： CSS3.0圆角属性实现圆角： 属性值：表示半圆半径，可使用长度单位px，或百分比 简写属性：border-radius 分量属性： border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左） 简写属性的值设置（与margin属性设置相同，顺时针方向）： 1个属性值：4个角半径相同 2个属性值：第1个值——上左、下右角；第2个值——上右、下左角（即互为对角） 3个属性值、4个属性值的设置同margin属性查看全部
-
CSS圆角进化论 CSS2.0 HTML标签模拟圆角： 像素画：绘制弧线。 使用CSS2.0+HTML标签模拟圆角优缺点分析： 1. 代码量少，不需要增加HTTP请求 2. 后期维护性好，但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角 没有被广泛运用查看全部
-
css圆角进化论： 高度和宽度自适应（背景图） 实现关键点，5个标签构成： 圆角矩形容器（box）—— 1. 上下内边距大小至少设置为圆角高度；2. 相对定位；3. 放置内容 4个圆角——4个标签，1. 分别设置各个圆角背景图片；2. 绝对定位于box的4个角查看全部
-
CSS圆角进化论： 宽度固定，高度自适应圆角实现关键点： 4个块级元素构成： 圆角矩形容器（box)——设置固定宽度，同圆角宽度 顶部圆角（radius-top）——使用背景图片实现顶部圆角 里面分为【上中下】三层，上层和下层用圆角背景图实现圆角边框效果查看全部
-
CSS圆角进化论： 一。背景图片实现圆角：方式有很多种，这里主要讲解两种 A。宽度固定，高度自适应 B。高度和宽度均自适应查看全部
-
CSS圆角进化论： css圆角三个阶段： 1、背景图片实现 2、css2.0+标签模拟 3、css3.0圆角属性（border-radius属性）实现查看全部
-
CSS圆角进化论---第2章 使用背景图片方式制作圆角 2-2 制作高度和宽度自适应圆角 第①种方法 缺点：切图方式实现，导致css代码量激增，不利于后期代码的维护。 ② 宽度和高度均自适应 实现关键点，5个标签构成： 圆角矩形容器（box）—— 1. 上下内边距大小至少设置为圆角高度；2. 相对定位；3. 放置内容 4个圆角——4个标签，1. 分别设置各个圆角背景图片；2. 绝对定位于box的4个角查看全部
-
border-radius查看全部
-
CSS2实现圆角的优缺点查看全部
-
浏览器私有前缀 解决浏览器显示差异，针对浏览器写私有前缀： IE内核：-ms- Firefox内核：-moz- 谷歌浏览器、Safari内核：-webkit-查看全部
-
CSS3.0圆角属性实现圆角 圆角属性（border-radius）简介： 属性值：表示半圆半径，可使用长度单位px，或百分比 简写属性：border-radius 分量属性： border-top-left-radius（上左）、 border-top-right-radius（上右）、 border-bottom-right-radius（下右）、 border-bottom-left-radius（下左） 简写属性的值设置（与margin属性设置相同，顺时针方向）： 1个属性值：4个角半径相同 2个属性值：第1个值——上左、下右角；第2个值——上右、下左角（即互为对角） 3个属性值、4个属性值的设置同margin属性查看全部
-
像素画：绘制弧线。 使用CSS2.0+HTML标签模拟圆角优缺点分析： 1. 代码量少，不需要增加HTTP请求 2. 后期维护性好，但是圆角橡塑的增加 3. 无意义代码将成倍增加 4. 实现的圆角有局限性 5. 只能实现纯色圆角查看全部
-
@@--CSS圆角进化论----第4章 使用CSS3中圆角属性 4-2 CSS3浏览器私有属性前缀使用详解 浏览器私有前缀，以此来消除不同内核间的差异，分别有： IE内核：-ms- Firefox内核：-moz- 谷歌浏览器、Safari内核：-webkit-查看全部
举报
0/150
提交
取消