![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
涟动下渔舟
我是web前端小白,向大神们看起,努力努力
展开
-
create-react-app不运行 eject 配置less
问题的由来crate-react-app是我们非常常用的初始化项目点的工具,在默认情况下,刚创建的好的项目是没有暴露出配置的,如果需要暴露则需要运行对应的命令:yarn/npm run eject但是既然官方不推荐我们来暴露这些配置,那么有没有办法不暴露配置就能实现我们的一些常用配置呢?答案是肯定的:有多种方式可以实现,我这里具体讲讲我探究出来的方案:基于customize-cra 来配置less .customize-cra的可配置项开始配置首先按照基本的套路来,先安装对应的库yar原创 2020-05-29 22:51:13 · 1811 阅读 · 12 评论 -
CSS使用小记
定义竖版格式:例:文字特效:1、发光效果天生我才必有用2、阴影效果人不是为了失败而生的3、渐变效果为伊消的人憔悴最适合网页正文显示的字体大小为12磅左右,当内容比较多的时候用9磅的字号滑动门技术:嵌套两个元素,各自使用一个背景图像,二者中间部分重叠,两段不重叠,分别显示左端的背景和右端的背景,中间部分自动适应:例:原创 2016-09-30 22:08:03 · 448 阅读 · 0 评论 -
Vue项目中设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:background:url("../../assets/head.jpg");这个时候我们就要考虑使用其他的方式了,node中提供了一种比较有效的方式来解决这个问题: 1》在data中定义如下: export defa原创 2017-06-07 20:50:08 · 87861 阅读 · 13 评论 -
H5横向滑动菜单
H5横向滑动菜单最近处理一个需求,产品需要做一个顶部横向的菜单栏,类似于今日头条首页的菜单栏先来看看效果:构思首先说说我的思路吧 ,通过设置一个横向的导航栏,滑动到顶部后悬浮,然后滑下来后再继续随着页面滑动。实现过程1、设置导航栏,这里我们需要一个三层div嵌套的导航导航栏核心代码<div class="nav" ref="nav"> <div cla...原创 2019-06-21 18:07:16 · 5065 阅读 · 1 评论