css
tyilack_小小黑
这个作者很懒,什么都没留下…
展开
-
css的选择器
/*class选择器*/.s1 { width:100; a:link img{ filter:gray; } a:hover img{ filter:""; }}/*id选择器的使用*/#id1 { background-color:gray; font-size:20px; }/*htm原创 2015-08-05 23:45:13 · 450 阅读 · 0 评论 -
css中div布局学习(1)
看完慕课网中的div布局,简单记录一下里面的内容:1.实现效果:上面实现效果主要是考虑如何实现块元素居中的问题,关键代码:margin: 0 auto;实现代码: 布局aaa --> body { margin: 0; padding: 0 } .top{height: 100p原创 2016-01-23 20:37:01 · 937 阅读 · 0 评论 -
JavaScript和JQuery实现必应搜索
最终效果图如下:html代码如下: bing search 搜索结果1 搜索结果2 --> css代码如下:* { padding: 0; margin: 0;}body { background-c原创 2016-03-05 10:11:20 · 967 阅读 · 0 评论 -
JavaScript和jQuery实现淘宝搜索栏的制作
最终效果图如下:html和JavaScript代码如下: Document 宝贝 店铺 高级搜索 var getDOM = function(id) {原创 2016-03-05 10:14:36 · 3560 阅读 · 0 评论 -
CSS 如何让 height:100%; 起作用
当你设置一个页面元素的高度(height)为100%时,期望这样元素能撑满整个浏览器窗口的高度,但大多数情况下,这样的做法没有任何效果。你知道为什么height:100%不起作用吗?按常理,当我们用CSS的height属性定义一个元素的高度时,这个元素应该按照设定在浏览器的纵向空间里扩展相应的空间距离。例如,如果一个div元素的CSS是height: 100px;,那它应该在页面的竖向转载 2016-09-18 14:25:22 · 27670 阅读 · 2 评论 -
CSS使得内容垂直居中
sdjrgoirejgi.centered { position: fixed; top: 50%; left: 50%; /* bring your own prefixes */ transform: translate(-50%, -50%);}原创 2016-09-18 14:27:22 · 300 阅读 · 0 评论 -
CSS3图片响应式居中
img { width: 100%; object-fit: cover;}img { object-position: center; /* which equals */ object-position: 50% 50%;}原创 2016-09-24 17:05:00 · 2550 阅读 · 0 评论