小小黑

小黑屋

CSS3图片响应式居中

img { width: 100%; object-fit: cover; } img { object-position: center; /* which equals */ object-position: 50% 50%; }

2016-09-24 17:05:00

阅读数:1539

评论数:0

CSS使得内容垂直居中

sdjrgoirejgi .centered { position: fixed; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%); }

2016-09-18 14:27:22

阅读数:200

评论数:0

CSS 如何让 height:100%; 起作用

当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗? 按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向空间里扩展相...

2016-09-18 14:25:22

阅读数:23796

评论数:2

JavaScript和jQuery实现淘宝搜索栏的制作

最终效果图如下: html和JavaScript代码如下: Document 宝贝 店铺 高级搜索 ...

2016-03-05 10:14:36

阅读数:2198

评论数:0

JavaScript和JQuery实现必应搜索

最终效果图如下: html代码如下: bing search 搜索结果1 搜索结果2 --> css代码如下:...

2016-03-05 10:11:20

阅读数:760

评论数:0

css中div布局学习(1)

看完慕课网中的div布局,简单记录一下里面的内容: 1.实现效果: 上面实现效果主要是考虑如何实现块元素居中的问题,关键代码: margin: 0 auto; 实现代码: 布局aaa --> body...

2016-01-23 20:37:01

阅读数:291

评论数:0

css的选择器

/*class选择器*/ .s1 { width:100; a:link img{ filter:gray; } a:hover img{ filter:""; } } /*id选择器的使用*/ #id1 ...

2015-08-05 23:45:13

阅读数:285

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭