摘要：
响应式Web设计经常需要我们通过百分比设置组件宽度。如果我们不考虑边框，那么很容易就可以实现，但如果你给每一列以及总宽度都采用百分比设置，那这个时候固定的边框大小就会出来捣乱。下面我们将看到一组方法去解决这个问题，你会学到如何创建一个流式布局，而不用担心额外的边框以及内边距。 假设我们需要一个五列的 阅读全文
随笔档案-2018年05月
css属性选择器*=,|=,^=,$=,*=的区别 （别人的学习笔记）
2018-05-31 09:41 by 菜兔, 638 阅读, 收藏,
摘要：
先上总结: "value是完整单词" 类型的比较符号: ~= , |= "拼接字符串" 类型的比较符号: *= , ^= , $= 1.attribute属性中包含value: [attribute~=value] 属性中包含独立的单词为value e.g:[title~=flower] --> < 阅读全文
visibility: hidden和display: none 区别
2018-05-30 13:50 by 菜兔, 231 阅读, 收藏,
摘要：
visibility: hidden 将元素隐藏，但是在网页中该占的位置还是占着。display: none 将元素的显示设为无，即在网页中不占任何的位置。例如有三个table，将中间的一个table hidden掉，你会发现在那个被hidden的table看不见了，但是，中间会留有很大的一空白，而 阅读全文
Flex 布局教程：语法篇(摘抄，学习中)
2018-05-14 09:30 by 菜兔, 272 阅读, 收藏,
摘要：
网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案 Flex布局，可以简便、完整、响应式地实现各种 阅读全文
CSS选择器笔记--摘抄
2018-05-11 11:47 by 菜兔, 311 阅读, 收藏,
摘要：
原文网址：http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 笔记分为两个部分，今天是CSS的选择器，以后还有一部分xPath的选择器。今天的笔记中包括44个选择器，基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 阅读全文
浙公网安备 33010602011771号