![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Mr_董
爱生活,爱技术!
展开
-
前端常用技术之图片懒加载
目前,一些图片类型的网站上,在图片加载时均采用了一种名为懒加载的方式,具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载,只有这些图片出现在可视区域时才会动态加载这些图片,从而节约了网络带宽和提高了初次加载的速度,。避免网页打开时加载过多资源,让用户等待太久。 图片懒加载实例 * { margin:原创 2016-11-29 08:36:32 · 3111 阅读 · 0 评论 -
css实现垂直居中和水平居中的方法
一、 CSS 来实现对象的垂直居中的几种不同方法。 1、使用表格的 vertical-alignproperty属性。 Content goes here #wrapper { display: table;}#cell { display: table-cell; vertical-alig原创 2016-11-16 13:39:08 · 881 阅读 · 0 评论 -
css控按钮的点击时候出现边框
今天测试偶然发现一个问题,页面上的按钮每次点击时都会出现一个黄色的框,然后各种查看自己写的样式表,没有发现自己控制这个呀 ,后来在引入的bootstrap框架中发现了这样的代码:.btn.active.focus, .btn.active:focus,.btn.focus, .btn:active.focus,.btn:active:focus, .btn:focus {原创 2017-01-03 17:56:15 · 10686 阅读 · 0 评论 -
css3效果大杂烩
> html> head> meta charset="utf-8"> title>菜鸟教程(runoob.com)title> style> div { /*颜色渐变的相关知识*/ background: -webkit-linear-gradient(red, blue); /* Safari原创 2017-01-04 16:20:58 · 307 阅读 · 0 评论 -
编写css代码的实用性建议
Margin Collapse不同于其他很多属性,盒模型中垂直方向上的Margin会在相遇时发生崩塌,也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时,只有二者中的较大值会被保留下来,可以从下面这个简单的例子来学习:1234567891011121314.square { wi原创 2017-01-06 14:08:59 · 735 阅读 · 0 评论 -
css实用技巧之设置元素居中
CSS居中一直是一个比较敏感的话题,为了以后开发的方便,楼主觉得确实需要总结一下了,总的来说,居中问题分为垂直居中和水平居中,实际上水平居中是很简单的,但垂直居中的方式和方法就千奇百怪了。内联元素居中水平居中设置:行内元素 设置 text-align:center;垂直居中设置:父元素高度确定的单行文本(内联元素)设置 height = line-height;父元原创 2017-01-06 14:15:02 · 438 阅读 · 0 评论 -
css3中常见的30个选择器
1 *:通用选择器* { margin:0; padding:0; }*选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除浏览器默认样式的方法。*选择器也可以应用到子选择器中,例如下面的代码:#container * { border:1px solid black; }这样ID原创 2016-12-30 15:03:29 · 3338 阅读 · 1 评论 -
CSS清除浮动方法
什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。清除浮动方法方法一:使用带clear属性的空原创 2017-05-09 14:27:36 · 387 阅读 · 0 评论