inline-block代替浮动布局float:left列表布局最佳方案

基于各位前辈的辛勤劳动,下面得出使用inline-block替换float:left;的最佳方案。 html代码 <div class="list"> <ul> <li><img src="imag ...

前端基础二:css盒子模型

前端基础二:css盒子模型
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式。 CSS 框模型概述 元素框的最内部分是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距,外 ...

前端基础一:Doctype? 行内元素和块级元素

问题1:Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义? <!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 X ...

每位设计师都应该拥有的50个CSS代码片段

面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中. 这篇文字 ...

css专题学习-浏览器兼容性问题目录

此帖是我所分享的浏览器兼容性问题相关的所有目录。 【分享】浏览器兼容性问题综述 — 正确的认识浏览器兼容性问题 【分享】你的元素居中对齐了吗? — 关于 ‘text-align:center’ ...

css专题学习-css标准和盒子模型

此贴是所有我所分享的说说标准系列的帖子的目录。 【分享】说说标准——CSS的错误解析规则 【分享】说说标准——CSS标准中的值 【分享】说说标准——关于样式的特殊性 【分享】说说标准——层叠顺序(Cascading order),看看到底哪 ...

css学习专题-BFC

css学习专题-BFC
BFC:Block Formatting Context. BFC就是一种布局方式,在这种布局方式下,盒子们自所在的 containing block 顶部起一个接一个垂直排列,水平方向上撑满整个宽度 (除非内部的盒子自己内部建立了新的 B ...

前端开发技术收藏

关于bfc的些列文章学习 白话Block Formatting Context CSS定位机制之一:普通流 CSS 101: Block Formatting Contexts(BFC)(原文已挂掉,这里是转载的) Block-level ...

移动UI设计须知:“小设计”

移动UI设计须知:“小设计”
在宽大的电脑网页内设计比在移动设备有限的空间中设计要容易的多,曾经宽敞的空间助长了那些散漫的排版和大范围的负空间设计。而在宽度只有320-480像素的手机屏幕里,两栏的排版设计都变得非常冒险。 但是在手机网页设计中,最难的部分不是分几栏这个 ...

jquery mobile使用和感受

认识jquery mobile jquery mobile就是一个基于jquery+jqueryui的插件,是一个统一的,在html5的基础上能够快速建立一个轻便的智能手机和平板的web框架。 官方网站在这里:http://jquerymo ...