css
文章平均质量分 54
wuqiuyude
这个作者很懒,什么都没留下…
展开
-
css图片自适应
在加载一些图片的时候,图片的大小是不知道的,但是图片的包裹框大小是固定的。 <div class='wrapper'> <img scr='img.jpg'/> </div>第一种情况:图片不失真,自动适应div。 .wrapper{width:200px;height:200px;overflow:hidden;} img{width:100%;height:auto;}也可以用img{m原创 2015-03-08 19:51:28 · 918 阅读 · 0 评论 -
css继承
初学CSS的朋友们一定听说过它的继承性,又由于css代码力求最简化,所以我们很多人都想使用它的继承属性来减少代码,但是相信大家和我一样有时比较迷茫,明明在父标签定义好的属性(比如height/border),为啥在子标签就没有继承过来呢?看了网上很多关于继承性的文章,自己还是不太理解,那是因为大家忽略了一个问题: 并转载 2015-04-07 21:12:34 · 386 阅读 · 0 评论 -
css3+html5实现的钟表
今天用css3和Html5实现了一个钟表,钟表的样式是在网上找的,细节部分实现的不是很好,但是基本可以看了。 主要是利用了css3的border-radius和box-shadow,animate等属性实现了。 代码如下:<!doctype html> <html> <head> <meta charset="utf-8"> <title>csss实现钟表</title> <style>原创 2015-04-17 10:40:25 · 994 阅读 · 0 评论 -
css三栏布局,中间自适应
div 三栏布局,最外面的那层div宽度不固定,包裹着三个div,这三个div水平平铺,其中第一个div的宽度固定,第二个div自适应,第三个div的宽度为10%。 <div class="wrapper"> <div class="red"> </div> <div class="blue"> </div> <div class="gray"> </原创 2015-03-08 22:57:50 · 512 阅读 · 0 评论