KeePCoding

HTML表格与列表及其常用样式

使用以下代码，可使360这类的浏览器优先使用 webkit 内核。 meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"> 本文章是依《史上最全的CSS hack方式一览》所作的学习笔记。 1 CSS hack 由于不同厂商浏览器或者不同版本的浏览器，对CSS或JavaScript的支持以及解释都不尽相同，导致

隐藏滚动条及鼠标滚轮事件

CSS-字体样式与颜色

box-shadow()样式属性，opacity()样式属性，rgba()样式属性，linear-gradient()属性关于浏览器缩放问题，scroll()事件，resize()事件，$(window).width()方法，$(window).height()方法，scrollTop()方法，scrollLeft()方法，offset().top属性以及offset.left属性

transform属性，transition属性，@keyframe规则和animation属性以及counter-reset属性

关于viewport

behavior属性IE8实现阴影以及圆角，重温CSS中的相对路径和绝对路径

Flex布局

style，getComputedStyle()以及currentStyle，innerWidth，outerWidth，clientWidth，offsetWidth

Bootstrap布局组件

bootstrap样式、排版

1 盒模型（box model）从CSS的角度看，每一个元素都是一个盒子，这个盒子由内容区（content area）、内边距（padding）、边框（border）以及外边距（margin）四样东西组成。而使用CSS可以对盒子的所有方面加以控制。 边距，无论是外边距还是内边距（包括上下边距），设置的百分数值都是相对于父元素的width 计算 1.1 内边距（padding）内边距分为上、右、下

CSS选择器，层叠抉择

Bootstrap插件

CSS布局与定位

要兼容IphoneX，尤其是使用 position: fixed;bottom: 0; 样式时，要确保底部栏处于安全区域，这篇文章讲得很仔细明白——《关于H5页面在iPhoneX适配》