摘要：
有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一： 1. position : absolute 2. float : left 或 float:right 简单来说，只要html代码中出现以上两句之一，元素的display显示类型就会自动 阅读全文
摘要：
除了上一节讲到的插入table标签，可以使父元素高度确定的多行文本垂直居中之外，本节介绍另外一种实现这种效果的方法。但这种方法兼容性比较差，只是提供大家学习参考。 在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell（设置为表格单元 阅读全文
摘要：
父元素高度确定的多行文本、图片等的竖直居中的方法有两种： 方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。 css 中有一个用于竖直居中的属性 vertical-align，在父元素设置此样式时，会对inline-block类型 阅读全文
摘要：
我们在实际工作中也会遇到需要设置垂直居中的场景，比如好多报纸的文章标题在左右一侧时，常常会设置为垂直居中，为了用户体验性好。 这里我们又得分两种情况：父元素高度确定的单行文本，以及父元素高度确定的多行文本。 本节我们先来看第一种父元素高度确定的单行文本, 怎么设置它为垂直居中呢？ 父元素高度确定的单 阅读全文
摘要：
除了前两节讲到的插入table标签，以及改变元素的display类型，可以使不定宽块状元素水平居中之外，本节介绍第3种实现这种效果的方法，设置浮动和相对定位来实现。 方法三：通过给父元素设置 float，然后给父元素设置 position:relative 和 left:50%，子元素设置 posi 阅读全文
摘要：
除了上一节讲到的插入table标签，可以使不定宽块状元素水平居中之外，本节介绍第2种实现这种效果的方法，改变元素的display类型为行内元素，利用其属性直接设置。 第二种方法：改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:cent 阅读全文
摘要：
在实际工作中我们会遇到需要为“不定宽度的块状元素”设置居中，比如网页上的分页导航，因为分页的数量是不确定的，所以我们不能通过设置宽度来限制它的弹性。(不定宽块状元素：块状元素的宽度width不固定。) 不定宽度的块状元素有三种方法居中（这三种方法目前使用的都很多）： 这一小节我们来讲一下第一种方法： 阅读全文
摘要：
当被设置元素为 块状元素 时用 text-align：center 就不起作用了，这时也分两种情况：定宽块状元素和不定宽块状元素。 这一小节我们先来讲一讲定宽块状元素。(定宽块状元素：块状元素的宽度width为固定值。) 满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto” 阅读全文
摘要：
我们在实际工作中常会遇到需要设置水平居中的场景，比如为了美观，文章的标题一般都是水平居中显示的。 这里我们又得分两种情况：行内元素 还是 块状元素 ，块状元素里面又分为定宽块状元素，以及不定宽块状元素。今天我们先来了解一下行内元素怎么进行水平居中？ 如果被设置元素为文本、图片等行内元素时，水平居中是 阅读全文
摘要：
长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。 1、像素 像素为什么是相对单位呢？因为像素指的是显示器上的小点（CSS规范中假设“90像素=1英寸”）。实际情况是浏览器会使用显示器的实际像素值有关，在目前大多数的设计者都倾向于使用像素（px）作为单 阅读全文
摘要：
在网页中的颜色设置是非常重要，有字体颜色（color）、背景颜色（background-color）、边框颜色（border）等，设置颜色的方法也有很多种： 1、英文命令颜色 前面几个小节中经常用到的就是这种设置方法： 2、RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的，由 R( 阅读全文
摘要：
网页中的字体css样式代码也有他自己的缩写方式，下面是给网页设置字体的代码： 这么多行的代码其实可以缩写为一句： 注意： 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、l 阅读全文
摘要：
关于颜色的css样式也是可以缩写的，当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一半。 例子1： 可以缩写为： 例子2： 可以缩写为： 阅读全文
摘要：
还记得在讲盒模型时外边距(margin)、内边距(padding)和边框(border)设置上下左右四个方向的边距是按照顺时针方向设置的：上右下左。具体应用在margin和padding的例子如下： 通常有下面三种缩写方法: 1、如果top、right、bottom、left的值相同，如下面代码： 阅读全文
摘要：
当在一个viewController中添加了scrollView或者tableView的时候，贴边侧滑返回的时候会首先触发滚动而失效，要解决这个问题，需要通过requireGestureRecognizerToFail()方法来解决，代码如下： 使用方法：在viewDidAppear里边添加此段代码 阅读全文