使用Hexo部署静态网站或博客到github(gitee)时css或js样式无法显示的问题原因以及解决方案
既然不是语法的问题那就是路径的问题了,可能是路径问题导致的css或js文件未导入或未加载到,我就开始检查我的hexo里的_config.yml文件。url 是github的仓库地址,无误,但root是要填仓库所在的根路径,这里却填成了仓库路径,导致路径找不到,所以样式无法加载,这样把错排出来后面就简
vue 之 CSS进行样式穿透的方法(/deep/、::v-deep、>>> 、:deep、额外的全局<style>)
在很多vue的组件库 , 如vant,elementUI, iview等都可能自定义一些样式文件,如果我们在项目中引入了样式组件或者通过v-html渲染了数据,然后想要去修改他们内部的某元素的样式, 直接修改样式很可能不起作用,修改无效, 但如果直接去掉scoped话又会影响全局样式,令人头疼。本文
CSS伪类选择器
CSS的选择器有很多种,有一种选择器,与其他选择器完全不同,我们来讲一讲这个选择器——伪类选择器伪类选择器我们伪类选择器有几种,我们来看看第一种静态伪类: 只能用于超链接的样式:link超链接点击之前 :visited链接被访问过之后以上两种样式,只能用于超链接实际用法还得实际分析,我们来看看这一张
CSS渐变背景看这一篇就够了
CSS渐变背景看这一篇就够了在我们自己设计网页的时候,为了好看美观,颜色可谓是最让人头疼的一部分。尤其是在配色上又找不到一些好看的网站。今天我就来记录一些好看的渐变式背景,和一些常用的颜色网站。CSS 渐变使可以显示两种或多种指定颜色之间的平滑过渡。让我们来玩一玩,看能玩出什么花来。CSS 定义了两
Less 中变量的使用(详解)
Less 中变量的使用(详解)
HTML <span>标签
HTML 中的标签被视为内联元素。它类似于 div 标记,但 div 标记特意用于块级元素,而 span 用于内联元素。HTML 中的 Span 标记用于通过使用元素类或 id 属性为特定内容提供样式。使用 HTML 文档中的 span 标记本身无法进行视觉更改。从上述所有信息中,我们了解到HTML
使用 JavaScript 的响应式计数器动画
在本文中,我们将学习如何使用 HTML CSS 和 JavaScript创建我们在很多地方都可以用,比如适用于不同类型的个人网站、企业网站等。这种类型的最常用于商业网站。例如,如果你想在你的企业网站上显示一些产品的数量,可以使用此项目。这里的数字之间使用了计数动画。开发人员经常使用这种类型的响应式计
node-sass安装失败解决方法,终有一款适合我们
项目中常常遇到node-sass安装失败,动不动就是报各种错误。以前我一次也没有失败过,自从系统重装我的天呀,node-sass就没有成功过,我能做的node卸载,sass重装各种版,以及换了淘宝镜像和用了vpn都安装失败。我也是无语,今天没事特意搜搜了看,一次复制了别人的文章进行总结,可以尝试一下
css宽高自适应
css宽高自适应
vue项目 移动端适配——rem
vue项目,使用rem解决移动端适配问题,插件。
CSS实现文字垂直居中
CSS实现文字垂直居中
前端知识——css之flex布局
1.基本概念flex布局是一种布局模型,经常被称之为flexbox,使用flex布局之后,他会给子元素提供强大空间分配和对齐能力。 在没有使用flex布局之前,常用布局有:流式布局,浮动布局,定位布局等等。缺陷是子元素需要自己控制自己在父元素中的位置,还要注意父元素高度坍塌。 flex的优点
使用 CSS 创建自定义鼠标光标
我们已经每天都在与自定义光标进行交互。当您将鼠标悬停在按钮上并且指针光标变为手形时,或者您将鼠标悬停在文本上并且光标变为文本光标时,这种交互性是通过自定义光标来实现的。但是,我们可以通过光标为用户提供许多其他的创意体验。在我们深入创建自己的自定义光标之前,您应该知道 CSS 为您提供了一些开箱即用的
css-两种画弧线方法
css-两种画弧线方法
HTML页面知识点小总结(巨详细)
HTML页面最基础的东西总汇,建议刚开始接触前端页面的小伙伴们收藏哦,可以随时拿出来学习或者复习加深印象。
Selenium-css_selector详解
css_selector作为我们比较常用的一种元素定位方法,总结了以下一些方法和要点:1. 右键直接copy css_selector的方法2. 如果元素某个属性是唯一的——那么直接在该属性两边加上中括号,就可以定位该元素。 例:<input value="1"> 应用:driver
CSS把图片设置为背景
先列出几种常用的搭配,方便CV,想了解具体的可以看后面详细介绍第 1 组:刚好填充整个背景区域,不重复background-image : url("~@/路径");第 2 组:从左上角开始,垂直水平重复填充background-image : url("~@/路径");// 宽度 30px ,高度
vue3 自定义全局loading组件 (PC和移动端都非常适用)
在开发的过程中,点击提交按钮,或者是一些其它场景总会遇到loading加载框,PC的一些ui库也没有这样的加载框,无法满足业务需求,因此可以自己自定义一个
CSS过渡动画
transition是css3新增的⼀个功能,可以实现元素不同状态间的平滑过渡(当元素从⼀个状态进⼊到另⼀个状态时),经常⽤来制作⼀些动画效果。之前元素->元素hover状态直接切换,从开始状态到结束状态,瞬间完成,中间过程⼏乎不可⻅。过渡从开始状态到结束状态的中间过程可以查看格式transitio
Sass 和 SCSS
▣Sass (Syntactically Awesome StyleSheets),是由编写的一款,和html一样有,和css编写规范有着很大的出入,是不使用花括号和分号的,所以不被广为接受。Sass 是一款强化 CSS 的辅助工具,是对,它在 CSS 语法的基础上增加了(mixins)、(exte