代码改变世界

css属性选择器*=,|=,^=,$=,*=的区别 (别人的学习笔记)

2018-05-31 09:41 by 菜兔, 609 阅读, 0 推荐, 收藏, 编辑
摘要:先上总结: "value是完整单词" 类型的比较符号: ~= , |= "拼接字符串" 类型的比较符号: *= , ^= , $= 1.attribute属性中包含value: [attribute~=value] 属性中包含独立的单词为value e.g:[title~=flower] --> < 阅读全文

visibility: hidden和display: none 区别

2018-05-30 13:50 by 菜兔, 217 阅读, 0 推荐, 收藏, 编辑
摘要:visibility: hidden 将元素隐藏,但是在网页中该占的位置还是占着。display: none 将元素的显示设为无,即在网页中不占任何的位置。例如有三个table,将中间的一个table hidden掉,你会发现在那个被hidden的table看不见了,但是,中间会留有很大的一空白,而 阅读全文

Flex 布局教程:语法篇(摘抄,学习中)

2018-05-14 09:30 by 菜兔, 261 阅读, 0 推荐, 收藏, 编辑
摘要:网页布局(layout)是CSS的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C提出了一种新的方案 Flex布局,可以简便、完整、响应式地实现各种 阅读全文

CSS选择器笔记--摘抄

2018-05-11 11:47 by 菜兔, 308 阅读, 0 推荐, 收藏, 编辑
摘要:原文网址:http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定。 CSS选择器笔记 阮一峰 阅读全文