![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习历程
前端学习常用知识点
君子厚德载物~
这个作者很懒,什么都没留下…
展开
-
JS生成条形码,生成二维码(Jsbarcode+QRCode)
条形码① npm install vue-barcode② 引用vue-barcodeimport vueBarcode from 'vue-barcode' components:{ vueBarcode },③ 使用vue-barcode <vueBarcode value="123123"></vueBarcode>效果:tip:具体参数和js版本 跳转 (JsBarcode和 vueBarcode两个项目)二维码①原创 2020-09-24 14:38:48 · 1536 阅读 · 0 评论 -
CSS弹性布局详细介绍
弹性布局1.声明定义容器盒子里面包含着容器元素,使用***声明为弹性盒子display:flex display:inline-flex2.控制盒子元素排列的方向flex-direction值描述row从左到右水平排列元素(默认值)row-reverse从右向左排列元素column从上到下垂直排列元素column-reverse从下到上垂直排列元素3.规定flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。flex-wrap原创 2020-09-21 17:06:44 · 314 阅读 · 0 评论 -
BFC与清除浮动
BFC 的特性内部的 Box 会在垂直方向上一个接一个的放置。垂直方向上的距离由 margin 决定bfc 的区域不会与 float 的元素区域重叠。计算 bfc 的高度时,浮动元素也参与计算bfc 就是页面上的一个独立容器,容器里面的子元素不会影响外面素。如何清除浮动?不清除浮动会发生高度塌陷:浮动元素父元素高度自适应(父元素不写高度时,子元素写了浮动后,父元素会发生高度塌陷)clear清除浮动(添加空div法)在浮动元素下方添加空div,并给该元素写css样原创 2020-09-21 15:04:45 · 258 阅读 · 0 评论 -
CSS盒子模型(Margin,Border,Padding,Content)
CSS 盒子模型(Box Model)Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。...原创 2020-09-15 14:30:03 · 253 阅读 · 0 评论 -
CSS的权重规则
权重规则行内样式>ID>class,类属性值>标签,伪元素>*(通配)规则权重行内样式1000ID0100class,类属性值0010标签,伪元素0001*0000相同权重的规则应用排在最后的。!important 强制提升权重子元素可以继承父元素设置的样式。继承的规则没有权重继承没有权重。会使用了 * 权重为0的规则。...原创 2020-09-11 13:24:09 · 228 阅读 · 0 评论 -
CSS选择器(基本选择器,结构选择器,属性选择器, 伪类选择器)
CSS选择器基本选择器和结构选择器选择器示例描述.class.testclass选择 class="testclass " 的所有元素#id#testid选择 id=“testid” 的所有元素**选择所有元素elementp选择所有p元素element,elementdiv,p选择所有元素和所有p元素element elementdiv p选择div内部的所有后代是p的元素element>elementdiv&g原创 2020-09-11 13:10:53 · 294 阅读 · 0 评论