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 · 187 阅读 · 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 · 1813 阅读 · 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-grow f...原创 2018-09-14 11:58:30 · 171 阅读 · 0 评论 -
css3中有两个属性是可以直接影响到JS中的事件的
css3中有两个属性是可以直接影响到JS中的事件的,他们是pointer-events和touch-action。pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。当该属性值设定为none时 表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。需要注意的是,如果当前元素的pointer-events属性指定位non...原创 2018-09-28 18:49:02 · 518 阅读 · 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 · 3157 阅读 · 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 · 2494 阅读 · 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 · 6196 阅读 · 0 评论