在开发过程中，针对不同尺寸的屏幕进行自适应，必不可少的就是屏幕的尺寸的列表！网上很多累似的文章，可是真正用得上的少得可怜。本站在后期修整的过程中，针对 Iphone 5, SE, 以及 Iphone 6 系列的小屏幕尺寸进行对站点的显示修复，以适配屏幕尺寸，就是参考了下面的这个表格进行。 320 x 568：iPhone 5/5C/5S 320 x 568：iPhone SE 375 x 667：iPhone 6/6S/7/8/SE2 ……

本文涵盖了 20 个 CSS 技巧，可以解决许多工作中常见的问题， 让你也成为一个 CSS 高手。 1、使用 CSS 重置（reset） css 重置库如 normalize.css 已经被使用很多年了，它们可以为你的网站样式提供一个比较清晰的标准，来确保跨浏览器之间的一致性。 大多数项目并不需要这些库包含的所有规则，可以通过一条简单的规则来应用于布局中的所有元素，删除所有的 margin、padding 改变浏览器默认的盒模型。 *{ ……

写个文档，记载了 Css 在开发过程中所定义的不同的分辨率调取不同的 Css，以方便网站系统能自适应不同的屏幕尺寸分辨率。笔者之前弄了一个又范围的，就是最小的屏幕尺寸到最大的屏幕尺寸的写法，这次记录的是单纯的最大尺寸。来，上代码： 移动优先 电脑优先

语义学是研究语言中词义的一种语言。语义元素 = 元素有意义。 什么是语义元素? 语义元素清楚地描述了它对浏览器和开发人员的意义. 非语义 元素的实例: <div> 和 <span> – 不能告诉它的内容。 语义 元素的实例: <form>, <table> , 和 <article> – 清楚的定义它的内容。 HTML5 语义元素支持所有的现代浏览器。此 ……

本文侧重把主题开发过程中所遇到的 Css 代码存放于此，这篇文章为无限期更新的对象，一旦有新的进展都会在这里发布更新，也是自己的一个自学过程的笔记和总结吧！ Css 父元素可以直接影响到子元素的属性，例如 opacity 的属性就直接影响到，要修正这个，就需要用到下面的写法： rgba(0,0,0,0.5) 常用三角符号不必再用图片或者 svg ，而是利用边框属性就可以轻易实现，例子： border:10px solid transpa ……