KerwinLee

摘要： Flexbox(中文版本可以点击这里)的布局是一个用于页面布局的全新CSS3模块功能。它可以把列表放在同一个方向（从左到右或从上到下排列），并且让这些列表能延伸到占用可用的空间。较为复杂的布局可以通过嵌套一个伸缩容器（flex container）来辅助实现。 Flexbox可以简单快速的创建一个具 阅读全文

摘要： display 的属性值有：none|inline|block|inline-block|list-item|run-in|table|inline-table|table-row-group|table-header-group|table-footer-group|table-row|table 阅读全文

摘要： CSS中的居中可分为水平居中和垂直居中。水平居中分为行内元素居中和块状元素居中两种情况，而块状元素又分为定宽块状元素居中和不定宽块状元素居中。下面详细介绍这几种情况。 一、水平居中 1、行内元素居中 顾名思义，行内元素居中是只针对行内元素的，比如文本（text）、图片（img）、按钮等行内元素，可通 阅读全文

摘要： 首先，阅读 w3c 对两者的定义： CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪元素用于将特殊的效果添加到某些选择器。 可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。 伪类种类 伪元素种类 区别 这里用伪类 : 阅读全文

摘要： （整理中······） 一、选择器 新增的伪类 1、p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。 2、p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。 3、p:only-of-type 选择属于其父元素唯一的 <p 阅读全文

摘要： CSS中盒子模型的组成由内容区（content）、内边距（padding）、边框（border）、外边距（margin）组成。内边距可细分为 padding-top、padding-right、padding-bottom、padding-left；边框可细分为 border-top、border- 阅读全文

摘要： 一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 阅读全文

摘要： 当你随机打开一个页面，查看源代码，你会发现，同一个元素，不止有一个CSS选择器及对应的样式。而一个元素只能应用一个样式，那么一堆样式中究竟是应用哪一个呢？这就涉及到CSS的层叠规则了。下面就来总结下CSS的层叠规则。 概念：CSS中的层叠就是让多个来源的样式叠加在一起，然后结合样式的特殊性（后面详细 阅读全文

摘要： 这篇文章总结的很好，故转载收藏。 1、基本概念 1. 基线、底线、顶线、中线 注意：基线（base line）并不是汉字文字的下端沿，而是英文字母“x”的下端沿。2. 内容区 内容区是指底线和顶线包裹的区域（行内元素display：inline可以通过background-color属性显示出来）， 阅读全文

摘要： 在JavaScript的学习当中，this关键字的出现频率可不低，所以想想有必要对this关键字做一个总结。在总结过程中，参考的资料来源于书本及网上。 一、定义 1、this是函数内部的一个特殊对象（或this引用）--它引用的是函数据以执行的环境对象。（来源于JavaScript高级程序设计） 2 阅读全文