摘要：
链接如下 其实chrome是有这个东西的，那就是shadow DOM。 什么是Shadow-Dom？Shadow DOM是指浏览器的一种能力，它允许在文档（document）渲染时插入一棵DOM元素子树，但是这棵子树不在主DOM树中。它的最大的用处在于隔离外部环境用于封装组件。 比如说，我们正常写的 阅读全文
摘要：
1 cssText 一般情况下我们用js设置元素对象的样式会使用这样的形式：var element= document.getElementById(“id”);element.style.width=”20px”;element.style.height=”20px”;element.style. 阅读全文
摘要：
里面的属性都 是在有display: flex的情况 下才生效。 兼容性写法： display: -webkit-box; /*老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老 阅读全文
摘要：
恢复内容开始 使用 float属性或position属性的缺点：就是每个元素都各自独独立 ; 列计数器和宽度: 有两个CSS属性控制是否实现多列布局和显示多少列： column-count and column-width。可以用 columns 来代替； column-count:2与column 阅读全文
摘要：
这个问题其实对初学者来说，都 有这样的经历，用ng-repeat生成的元素用js怎么也获取不到;这个其中原由是：angular拥有自动化渲染DOM的特性，它能帮助我们专注于操作数据，而页面的渲染则由angular自身来完成。这就造成了 ng-repeat 循环完成后angular并不会告诉我们dom 阅读全文
摘要：
问题及场景： 当内容能一行显示在盒子内时，文字居中对齐。 当内容过多换行后显示在盒子内时，文字左对齐。 其实这种视觉上的需求还是蛮常见的。比如用于弹出提示框，当提示内容比较少时，内容居中显示在弹出框，提示内容比较多时，内容居左对齐。但是其纯CSS实现有点麻烦，一般就放掉这个需求，或者，使用JS实现。 阅读全文
摘要：
transform功能可以实现文字或图像的旋转、绽放、倾斜、与移动； 注意点：1、其移动、旋转、倾斜、与绽放这4种效果的使用先后顺序不同，页面会显示不同的结果； 2、属性值有一个参数与有多个参数的别； 3、在用移动效果时注意其移动方向（很容易在不看效果时，不知向那移动）； tansform的属性值： 阅读全文
摘要：
box-sizing：值为 border-box时，其含义为：表示元素的宽度与高度包括内部补白区域(指border和padding)与边框的宽度与高度；值为content-box时，其含义正其前者相反，表示不包括 内部补白区域与边框的宽度与高度； 看下面示图： 这是div1的样子，其结构图如示： d 阅读全文
摘要：
恢复内容开始 1.block: 块元素 ，不用多说 2.inline-block: 行内块元素，这也没有太多说，主意一点就好，几个行内块元素正常写在一起时，他们中间是有会间距；消除方法很多种，主要有2种：1.不换行写在一起，中间不能有空格； 2.正常写代码，但两元素间的空白部分用注释清掉； 如下： 阅读全文
摘要：
各自的定义 ： rem: rem字尺寸单位交根据页面上的根元素（一般指html元素）的字体大小而计算 出实际的字体大小。 em : em单位根据元素的父元素的字体大小而计算出实际的字体大小，这个将会当元素从一个父元素移动到另一个父元素中时很可能使元素的实际字体大小产生变化。 px : px就是字体大 阅读全文