随笔分类 -  CSS

【转】深入理解margin
摘要：由浅入深漫谈margin属性 由浅入深漫谈margin属性 2007-3-18 上午 - HTML/CSS/XML/XSL - CSS - margin margin 在中文中我们翻译成外边距或者外补白（本文中引用外边距）。他是元素盒模型（box model）的基础属性。 一、margin的基本特性 阅读全文
posted @ 2017-09-24 13:17 sivkun 阅读(349) 评论(0) 推荐(0)
【转】前端面试
摘要：一、HTML 1. 针对移动浏览器端开发页面，不期望用户放大屏幕，且要求“视口（viewport）”宽度等于屏幕宽度，视口高度等于设备高度，如何设置？ 移动web前端viewport详解<meta name="viewport" content="width=device-width, height 阅读全文
posted @ 2017-09-24 13:15 sivkun 阅读(208) 评论(0) 推荐(0)
CSS伪类详情
摘要：参考：http://blog.csdn.net/Panda_m/article/details/50084699 阅读全文
posted @ 2017-09-23 23:09 sivkun 阅读(188) 评论(0) 推荐(0)
css3 resize属性
摘要：http://www.w3school.com.cn/cssref/pr_resize.asp 实例 规定可以由用户调整 div 元素的大小： 亲自试一试 浏览器支持 Firefox 4+、Chrome 以及 Safari 不支持 resize。 浏览器支持 Firefox 4+、Chrome 以及 阅读全文
posted @ 2017-08-26 21:55 sivkun 阅读(273) 评论(0) 推荐(0)
伪类与伪元素区别
摘要：之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文，当时自己没分清楚伪元素和伪类，所以在文章内把概念混淆了，庆幸 @riophae 兄指正了我的错误，所以今天打算好好研究下两者的区别。首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 阅读全文
posted @ 2017-08-26 18:49 sivkun 阅读(232) 评论(0) 推荐(0)
【转及总结】Bootstrap 框架 栅格布局系统底层设计原理
摘要：如果你是初次接触Bootstrap，你一定会为它的栅格布局感到敬佩。事实上，这个布局系统提供了一套响应式的布局解决方案。 既然这么好用，那他是如何用CSS来实现的呢？ 我特意去Bootstrap官方下载了源代码进行分析了一番，看完之后果然有了收获，不过我只看了栅格布局的那块代码，其实也很简单，不必担 阅读全文
posted @ 2017-08-26 12:18 sivkun 阅读(1728) 评论(0) 推荐(0)
盒子模型、IFC、BFC和Collapsing margins
摘要：前言 盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何 为盒子模型? 盒子模型到底何方神圣居然可以作为CSS的基础？闻名不如见面，上图了喂! 再 阅读全文
posted @ 2017-08-05 11:11 sivkun 阅读(521) 评论(0) 推荐(0)