H5、CSS3属性的支持性以及flex
摘要：一、项目中用到一个flex属性，但是应用了flex的父容器只设置了width，没有设置height，此时每一个应用了上面提到的属性的样式的div都重叠在了一起，在IE10，IE11出问题，IE9没有问题。（待深入研究） 二、距离上一次发布《五大主流浏览器 HTML5 和 CSS3 兼容性大比拼》转眼
阅读全文
posted @ 2016-07-14 21:06
随笔分类 - 关于CSS
关于collapsed margin（外边距合并）
摘要：这是前面写postion定位时写到最后面的例子的时候发现的一个问题，于是专门写一篇随笔来解释记录一下，毕竟两个知识点同时写在一篇文章里面有点混乱的感觉。。 上篇随笔position定位遇到的问题在这里重新展示出来，代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4
阅读全文
posted @ 2016-05-04 16:02
position定位
摘要：前几天看了寒冬大神的一篇博客，发现自己虽然说基本懂得position定位的4个基本的属性，可是真正想要回答寒冬大神在里面提到的问题，还有很长的路要走，所以特定重新研究一下定位问题。之前一直接触各种各样的东西，可是都没有完全深入研究并且总结，以后的日子要好好准备总结，努力加油啦（哈哈，话外题）。 po
阅读全文
posted @ 2016-04-19 10:52
《CSS3专业网页开发指南》笔记
摘要：书本：《CSS3专业网页开发指南》（the book of css3） Peter Gasston 著 李景媛 吴晓嘉 译 第1章： 1.box-sizing : IE8及以上版本 box-sizing: content-box;//width || height = content box-siz
阅读全文
posted @ 2016-03-30 17:19
照片与同行元素居中的方法
摘要：1.照片与同行元素居中的方法：将同行元素和照片同时设置vertical-align:middle; <html><head> <title></title> <style type="text/css"> img{ vertical-align:middle; } span{ vertical-al
阅读全文
posted @ 2015-10-22 17:13
offsetLeft与style.left的区别
摘要：参考：http://www.cnblogs.com/woshilee/articles/1951457.html offsetLeft 获取的是相对于父对象的左边距 left 获取或设置相对于 具有定位属性(position定义为relative)的父对象 的左边距 如果父div的position定
阅读全文
posted @ 2015-07-24 22:30
block,inline和inline-block的区别
摘要：转自：http://www.cnblogs.com/KeithWang/p/3139517.html 总体概念 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, I
阅读全文
posted @ 2015-07-12 11:26
CSS3 animation-iteration-count：infinite
摘要：原文：http://www.w3chtml.com/css3/properties/animation/animation-iteration-count.html animation-iteration-count：infinite | <number> [ , infinite | <numbe
阅读全文
posted @ 2015-04-29 20:44
深入了解css的行高Line Height属性
摘要：来源：http://www.cnblogs.com/fengzheng126/archive/2012/05/18/2507632.html 什么是行间距？ 古时候我们使用印刷机来出来文字。印刷出来的每个字，都位于独立的一个块中。 行间距，即传说中控制两行文字垂直距离的东东。在CSS中，line-h
阅读全文
posted @ 2015-04-26 09:01
浙公网安备 33010602011771号