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一起运行中. 这篇文字 ...

github常用操作命令

总结一下Ubuntu下github常用的命令,设置部分跳过,假设repository的名字叫hello-world: 1.创建一个新的repository: 先在github上创建并写好相关名字,描述。 $cd ~/hello-world  ...

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

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

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

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

css学习专题-BFC

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

虚拟机安装ubuntu及使用入门

虚拟机安装ubuntu及使用入门
虚拟机安装Ubuntu 在虚拟机里面安装ubuntu,刚开始的时候总是不成功,提示This kernel requires an X86-64  CPU,but only detected an i686 CPU. 不可能啊,我的操作系统是 ...

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

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