在scss设置背景图片(background-image),在项目webpack打包后,图层路径会增加css文件夹所在路径。 我们希望的情况下,背景图路径应为'static/img/imgname.png',而实际则会出…
标签:css
web前端对文件的引用规则
web前端一般常用文件 .html .css .js。但是当用css文件和html引入资源(比如图片)时,路径可能不相同。下面总结了几条。 使用相对路径引入规则: html或者js引入图片,按照html的目录来算 css…
把富文本的 ↵ 转为标签
例如:”我家孩子在SayABC小班课↵跟小伙伴们一起互帮互助,↵合作竞争,学习更加有动力!↵从简单的单词到句型和场景对话,↵孩子越来越敢于开口说英语啦![耶]↵扫码立即领取外教课[爱心]↵让孩子从小与世界接轨…
css:oo css
oo css 既面向对象的css 作用 1.加强代码的复用方便维护。2.减小css体积。3.提升渲染效率。4.组件库思想、栅格布局可共用、减少选择器、方便扩展。 注意事项 1.不要直接定义子节点,应把共性声明放到父类。2…
前端面试题小结
前几天也是有人问我的一些问题,我觉得还是挺有了解价值的,也是一些平时开发可能比较会忽略的问题。别的不多说,直接开门见山: 1.post和get的区别? 我们都知道GET和POST是HTTP请求的两种基本方法。我相信如果有…
CSS-div垂直居中方法总结
【第一种】 该方法是通过position定位去实现的,通过将上下左右的偏移值全设为0,再利用margin:auto,让盒子上下,左右宽度相同,将盒子挤到中间。 //html结构 <div class="outer"…
html – 在CSS中为表格堆栈整个列
有没有办法在CSS中堆叠整个列,所以如果我的桌面表如下: | H1 | H2 | H3 | H4 | | A1 | B1 | C1 | D1 | | A2 | B2 | C2 | D2 | 它会变成移动设备: | H1 …
Codepen 逐日精选(2018-3-31)
按下右边的“点击预览”按钮能够在当前页面预览,点击链接能够翻开原始页面。 制造像素画的画板https://codepen.io/abeatrize/… 纯 css 画的晚上的风车https://codepen…
如何实现CSS居中?–CSS居中常用方法
文章参考:http://css-tricks.com/centering-css-complete-guide/?utm_source=ourjs.com(翻译不当之处请谅解) 一、水平居中 1、内联元素居中:相对父级块…
LINE-HEIGHT那些坑
line-height 用来设置行间的距离(行高),最为人熟悉的是可以用在垂直居中上,非常简单。但是使用时有很多坑,需要注意。p.s通常这些坑会出现在面试题目中:) 基本属性 normal:默认,设置合理的行间距,浏览器…
react项目开发教程总览
一 前言 关于这一系列文章的由来,我要做一个详细的说明,这些都在正文里面。关于代码的托管地址,请戳这里:GitHub关于开源代码的使用:免费用于个人、教育学习研究使用,如果有商业用途,请及时联系 二 正文 一直听说rea…
【每日一包0012】to-camel-case,to-no-case,to-space-case
github地址:https://github.com/ABCDdouyaer/a_pack_per_day_NO.1 to-camel-case 将被其他符号分割的字符串转换为驼峰形式的字符串 用法:toCamelCa…