摘要: Transform变形:可以实现文字或者图片旋转、缩放、倾斜和移动,并且该元素下的所有子元素都随着父元素一样。既然接触到transform,我们就可以做好多3d的效果啦旋转:transform:rotate(角度deg)deg是css3的“Values and Units”模块中定义的一个角度单位.... 阅读全文
posted @ 2014-08-28 16:58 amber_fs 阅读(364) 评论(0) 推荐(0) 编辑
摘要: Css3圆角讲解:想必大家对于图片,背景圆角,都不陌生吧,圆角语法:border-radius:圆角值;这个值可以使用:em ,ex,pt,px,百分比;Border-radius跟margin,padding差不多Border-radius:lefttop,righttop,rightbottom... 阅读全文
posted @ 2014-08-27 15:26 amber_fs 阅读(352) 评论(0) 推荐(0) 编辑
摘要: 今天总结渐变的问题,渐变分为线性渐变、径向渐变。呼呼,废话少说,线性渐变:background:linear-gradient(设置渐变形式,第一个颜色起点,中间颜色点 中间颜色的位置,结束点颜色);Linear:渐变的类型(线性渐变);渐变的形式:可选参数 有两种方式-1、设置旋转角度,0度代表水... 阅读全文
posted @ 2014-08-26 17:50 amber_fs 阅读(4699) 评论(0) 推荐(0) 编辑
摘要: 迷茫了好一段时间,今天开始整理一下自己,同时也整理下新的知识。CSS3:从头开始做起:现在在页面中用到最多的是图片/容器投影,文字投影;接下来就总结一个投影问题:box-shadow:阴影类型 x轴位移 y轴位移 阴影大小 阴影扩展 阴影颜色一般这样写 box-shadow:1px 1px 5px ... 阅读全文
posted @ 2014-08-25 17:30 amber_fs 阅读(3469) 评论(0) 推荐(0) 编辑
摘要: Px是绝对定位 em是相对定位1. em的值并不是固定的;2. em会继承父级元素的字体大小。em应用:1. body选择器中声明Font-size=62.5%;(注:在ie中把body选择器中声明Font-size=63%)2. 将你的原来的px数值除以10,然后换上em作为单位;简单吧,如果只需要以上两步就能解决问题的话,可能就没人用px了。经过以上两步,你会发现你的网站字体大得出乎想象。因为em的值不固定,又会继承父级元素的大小,你可能会在content这个div里把字体大小设为1.2em, 也就是12px。然后你又把选择器p的字体大小也设为1.2em,但如果p属于content的子级的 阅读全文
posted @ 2014-02-10 17:14 amber_fs 阅读(296) 评论(0) 推荐(0) 编辑
摘要: css兼容1.width:在html文档没有DTD声明时,IE6会按照怪异解析的模式去解析我们设置标签的宽,高则不变。(例如:正常声明下的盒模型解析是width+margin+padding+border的值,但是怪异解析下就是将这些所有的设置全计算到我们设置的宽内。{div width:400px;border:100px;padding:0 50px;在加了DTD声明或未加声明正常浏览器下的解析宽度是600px;,但是在没有DTD声明的IE6下却还是400px;因为这些除了宽之外的设置都算在了我们设置的宽之内。这就是IE6未加DTD声明的怪异解析})2、height:a、最小高度问题,设置 阅读全文
posted @ 2014-02-07 14:14 amber_fs 阅读(980) 评论(0) 推荐(0) 编辑