1、common.css/ common.css /@charset “UTF-8”;/ 汇合所有插件 /{ -webkit-box-sizing: border-box; box-sizing: border-box;}body,button,code,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,menu,ol,p,pre,textarea,ul { {代码…} }article,aside,details,footer,header,iframe,menu,nav,section { {代码…..

11111111

因为webpack编译的思维是万无皆可JS，意旨所有web我的项目关联的资源文件，都能够通过js关联起来。然而又因为图片，款式这些原本和js八竿子打不到一起的，所以就有了各种loader来解决他们的关联性问题；

css文字过长，显示省略号单行文本 {代码…} 多行文本 {代码…} 应用flex布局实现css超出滑动，代码很简洁 {代码…}

咱们晓得浏览器页面上的文字失常状况下咱们是能够双击选中、或者单击鼠标横向拖动也能选中的，选中当前能够右击呈现面板而后去复制什么的。然而有的时候，这种成果咱们并不想要的，比方用户点快了的时候，所以咱们须要禁用这种成果，本文记录一下禁用选中成果的形式

选择器的权重 {代码…}

盒模型 {代码…} offsetWidth失常盒子模型宽度：内容宽度（width）+padding+border+margin管制总宽度为width：box-sizing：border-boxmargin纵向重叠相邻元素的margin-top和margin-bottom会产生重叠，最终高度会取大的空白内容的<p></p>也会重叠 {代码…} margin负值问题top和left负值，元素向上、向左移…

1.元素选择器 {代码…} 2.id选择器 {代码…} 3.类选择器 {代码…} 4.伪类（不存在的类，非凡的类）选择器 {代码…} 5.复合选择器：复合选择器是由两个或多个根底选择器，通过不同的形式组合而成的,目标是为了能够抉择更精确更精密的指标元素标签。 {代码…} 选择器的权重与优先级在之后的文章会总结进去！

这是大家罕用的css属性。在工作过程中，遇到下列问题：制作一个信息显示标签，如下图所示，一个标签蕴含一个icon和一段文字。当初需要是：分支标签的文字过长时用省略号代替显示，于是给这个分支标签的div元素设置了：

其中第一个参数，方向，能够指定，to top/bottom/right等，也能够指定一个固定角度，例如90deg。当咱们指定一个角度时候，如何了解这个角度呢？话不多说，间接上图(点击图片查看具体)：