杂项

一.知识点：

1.css中可以继承的属性大部分都是和文本相关的，如：颜色、字体、字号；

2.css不能继承的属性，主要涉及元素盒子的定位和显示方式，如：边框、外边距、内边距。

3.css在浏览器中发挥作用的过程：

首先找到每个元素和属性的所有声明，然后按照顺序和权重排序，按特定制度排序，接着浏览器为每个html元素生成矩形盒子，最后矩形盒子按照可见版式模型在页面上排布（可见的页面版式主要由三个属性控制：position、display、float）；

其中：

position属性控制页面上的元素之间的位置关系；

display属性控制元素是堆叠、并排还是根本不在页面上出现；

float属性提供控制的方式，以便把元素组成多栏布局；

4.每个盒子都有上下两个图层，上面的图层是内容和边框，下层是背景图片和背景颜色。

二.关于手机页面开发一些咋项整理：

（需要后期整理）

1.关于按钮居中：

如果按钮是绝对定位，设置居中的方法：

position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);

2.关于媒体查询：

使用媒体查询的时候，先在chrome浏览器下写一个与设计图比例合适的标准版本（其中的各个元素的位置大小都用百分比或者使用rem em单位设定），然后在html里除了border等需要使用px的单位，其他的时候最好使用em或者rem单位，然后完成标准版本之后，在chrome浏览器中调整设备的宽高，再一些高度或者宽度受限的添加下，再使用媒体查询设置最小高度或者最小宽度。这个最小高度或者最小宽度的单位也是相对单位，不能用绝对单位，这样才能保证只有高度受限或者只有宽度受限（因为相对单位宽高都是有比例的）。还有一些其他的单位需要了解：vm vh vmin vmax px pc in em rem...

3.vertical-align:-2px;用来修复单选框和复选框与12px文字大小不对齐的问题。
4.多个空格只显示为一个，如果想多个空格显示为多个用全角。

5.click事件在移动端会有300ms的延迟，所以最好用touch事件。

6.2.在手机端点击a标签会黑一下，解决办法？

转载于:https://www.cnblogs.com/shineLh/p/6857723.html