CSS
riledog
从事android开发,研究方向为物联网技术。
展开
-
行内元素,块状元素
块级元素:div , p , form, ul, li , ol, dl, form, address, fieldset, hr, menu, table行内元素:span, strong, em, br, img , input, label, select, textarea, cite, 区别: 1)块转载 2016-07-25 14:05:49 · 398 阅读 · 0 评论 -
不定宽高情况下的居中方法
不定宽高情况下的居中方法1、水平居中方法一:父层:text-align:center;子层:display:inline-block; 3、水平垂直居中注意:IE6、7不兼容inline-block,解决办法:*zoom:1;*display:inline;方法二:表格的内容是垂直居中的,所以可以利用table来做,但它里面的内容转载 2016-08-11 17:48:56 · 2803 阅读 · 1 评论 -
Animate.css
http://www.w3cplus.com/css3/animate-css转载 2016-08-30 21:24:16 · 435 阅读 · 0 评论 -
纯CSS气泡框实现方法探究
http://www.cnblogs.com/daxiong/articles/3158630.html转载 2016-08-30 21:19:47 · 374 阅读 · 0 评论 -
CSS清除浮动?
转载:http://www.cnblogs.com/ForEvErNoME/p/3383539.html什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响(甚至破坏)布局的现象。这个现象叫转载 2016-08-07 17:01:29 · 194 阅读 · 0 评论 -
常见浏览器兼容性问题与解决方案
转自:http://blog.csdn.net/chuyuqing/article/details/37561313所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问转载 2016-08-07 08:05:46 · 227 阅读 · 0 评论 -
CSS Sprites
CSS Sprites 技术对于广大的前端工程师来说应该是一点也不陌生。这个被国内开发者昵称为CSS精灵、CSS雪碧的家伙到底解决了什么问题,我们又怎样合理使用这个技术呢?下面让我们详细的聊聊。CSS Sprites技术的其中一个好处是图片的加载时间(在有许多CSS Sprites时,单张图片的加载时间)。由所需图片拼成的一张 GIF 图片的尺寸会明显小于所有图片拼合前的大小。单张的转载 2016-07-27 15:36:58 · 336 阅读 · 0 评论 -
绝对定位 相对定位 浮动
CSS 定位机制CSS 有三种基本的定位机制:普通流、浮动和绝对定位。除非专门指定,否则所有框都在普通流中定位。也就是说,普通流中的元素的位置由元素在 (X)HTML 中的位置决定。块级框从上到下一个接一个地排列,框之间的垂直距离是由框的垂直外边距计算出来。行内框在一行中水平布置。可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行转载 2016-07-25 15:56:35 · 2033 阅读 · 0 评论 -
CSS样式覆盖规则
规则一:由于继承而发生样式冲突时,最近祖先获胜。CSS的继承机制使得元素可以从包含它的祖先元素中继承样式,考虑下面这种情况:123456789101112html>head>title>rule 1title>style>转载 2016-07-25 15:36:00 · 387 阅读 · 0 评论 -
input边框
html如何设置input的无边框效果?html设置input无边框效果:input{ border:none; }或者input{ border:0; },两种写法都可以设置input无边框效果。html中怎么去掉input获取焦点时候的边框?css设置属性:outline:none;转载 2016-09-17 20:16:57 · 418 阅读 · 0 评论