![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
原鑫@博客
目前工作于北京,担任前端开发,小菜鸟的进阶路程!!
展开
-
css常见布局
css之左边定宽右边自适应html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia原创 2018-09-17 01:26:57 · 154 阅读 · 0 评论 -
css之左边定宽右边自适应
css之左边定宽右边自适应html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia原创 2018-09-14 10:00:09 · 1809 阅读 · 0 评论 -
css之flex布局
css之flex布局 flex为css中最重要的布局方法之一,除了以往的浮动,定位,flex也是要掌握的技能css之flex布局1.flex-direction属性2.flex-wrap属性3.flex-flow属性4.justify-content属性5 .align-items属性6 align-content属性order属性重点**flex-growf...原创 2018-09-14 11:58:30 · 164 阅读 · 0 评论 -
css3中有两个属性是可以直接影响到JS中的事件的
css3中有两个属性是可以直接影响到JS中的事件的,他们是pointer-events和touch-action。pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。当该属性值设定为none时 表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。需要注意的是,如果当前元素的pointer-events属性指定位non...原创 2018-09-28 18:49:02 · 507 阅读 · 0 评论 -
css踩坑之高度100%
在css中,height:100%是相对于父级的,如果父级没用100%,子集加上也没用。 html, body { width: 100%; height: 100%; } #app { width: 100%; height: 100%; /* background: red; */ }上述代码...原创 2018-10-25 23:56:13 · 3120 阅读 · 0 评论 -
vue-cli中如何引入less
安装less依赖,npm install less less-loader --save第二步:进入到build的webpack.base.conf.js加入如下代码 { test: /\.less$/, loader: "style-loader!css-loader!less-loader", },然后<style lan...原创 2018-11-06 17:10:16 · 2468 阅读 · 0 评论 -
CSS实现背景图片透明而文字不透明效果的方法
1.毛玻璃效果:背景图 + 伪类 + flite:blur(3px).demo1{ width: 500px; height: 300px; line-height: 50px; text-align: center;}.demo1:before{ background: url(http://csssecrets.io/images/tiger.j...原创 2018-11-07 16:42:22 · 6161 阅读 · 0 评论