春风得意马蹄疾
一日看尽长安花

页面美化css

浏览器常见CSS解析bug及hack

liukuan阅读(322)评论(0)赞(0)

IE常见bug 1、图片边框bug 描述:当图片加在IE上会出现边框 hack:给图片加border:0;或者border:none; 2、div中的图片间隙BUG 描述:在div中插入图片时,图片会将div下方撑大大约三像素。 hack1...

CSS浏览器兼容问题及解决方法

liukuan阅读(437)评论(0)赞(0)

由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重和,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,都让CSS应用起来比想象得要麻烦。浏览器的兼容问题是我们必须去克服的。...

CSS移动端布局方案

liukuan阅读(542)评论(0)赞(0)

一、rem+vw 1、需要设置meta标签 2、750px 的设计稿 要在 html{font-size:26.67vw}; 3、640px 的设计稿 要在 html{font-size:31.25vw}; 4、计算方式:当前元素的尺寸 /...

CSS弹性盒Flex(子元素属性)

liukuan阅读(512)评论(0)赞(0)

1、align-self属性 Internet Explorer 和 Safari 浏览器不支持 align-self 属性 说明: align-self 属性规定灵活容器内被选中项目的对齐方式。 注意:align-self 属性可重写灵活...

CSS弹性盒Flex(父元素属性)

liukuan阅读(540)评论(0)赞(1)

Flex容器:采用 Flex 布局的元素的父元素; Flex项目:;采用 Flex 布局的元素的父元素的子元素 概念:容器默认存在两根轴:水平的主轴(main axis)和垂直的交叉轴(cross axis)。主轴的开始位置(与边框的交叉点...

CSS怪异盒模型

liukuan阅读(425)评论(0)赞(0)

box-sizing 定义盒子的显示规则 属性: border-box 转换成怪异盒模型 (IE盒模型) content-box 转换成标准盒模型 IE盒模型:当页面不定义 ,IE7以下浏览会以怪异盒模型的规则来显示你的代码; 怪异盒模型:...

CSS3新增属性(阴影、文本、颜色)

liukuan阅读(460)评论(0)赞(1)

1、文本阴影属性 注: 第一个值 : 水平方向的距离 (必须有的:支持负值)第二个值 : 垂直方向的距离 (必须有的:支持负值)第三个值 : 阴影的模糊程度 (不支持负值)第四个值 : 阴影的颜色 第一个值 和 第二个值得位置不能互换; 当...

CSS3新增选择符

liukuan阅读(361)评论(0)赞(0)

CSS3是css技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和...

CSS3动画属性animation

liukuan阅读(370)评论(0)赞(0)

animation vs transition 相同点:都是随着时间改变元素的属性值。 不同点: transition需要触发一个事件(hover事件或click事件等)才会随时间改变其css属性; 而animation在不需要触发任何事件...