![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
前端老实人
一名前端狂热爱好者,有需要资料或者有问题的同学可以直接私信我哦,做你的私人小家教!
展开
-
css实现图片对角边框线
效果图:代码: //阴影 颜色 内阴影box-shadow: 0 0 2.5vw #237ad4 inset; //设置颜色背景 设置方位 background: linear-gradient(#1359df, #1359df) left top, linear-gradient(#1359df, #1359df) left top, linear原创 2022-03-11 16:34:26 · 913 阅读 · 0 评论 -
js格式化json代码,以代码格式显示到页面,一个标签直接格式化
标签定义及使用说明<pre> 标签可定义预格式化的文本。被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre> 标签的一个常见应用就是用来表示计算机的源代码。使用<pre>{{JSON.parse(record.connectionParams)}}</pre>先用JSON.parse把json代码转换成对象的格式然后转成文本才是格式化好的更多换行方法查看wh..原创 2021-10-27 15:20:54 · 832 阅读 · 6 评论 -
你还在手写网站?直接网站模板不香嘛!cv大法,快速建站
慢慢看,不要太开心哦,收藏起来以后备用!!!织梦58|织梦模板-做完整无错带数据的dedecms模板下载平台 (dede58.com)后台模板,html响应式模板,jquery特效 - jQueryfuns资源分享网 – 免费资源分享网站 (ziyuan.tv)jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网 (17sucai.com)网页模板,网站模板,DIV+CSS模板,企业网站模板下载-模板之家 (cssmoban.com)Bootstrap模板_响应式网原创 2021-08-27 17:50:35 · 821 阅读 · 0 评论 -
快速入门less和scss,个人笔记总结
less 既可以在客户端运行也可以借助node.js在服务端运行‘less中的注释以//开头的注释不会被编译到css文件中以/**/包裹的注释会被编译到css文件中less中的变量使用@来申明一个变量:@pink:pink;1.作为普通属性只来使用:直接使用@pink2.作为选择器和属性名:#@{selector的值}的形式3.作为URL:@{url}4.变量的延迟加载(变量是块级作用域)less中的嵌套规则1.基本嵌套规则2.&(平级)的使用le原创 2021-08-25 18:26:15 · 279 阅读 · 2 评论 -
css实现简单骨架屏skeleton;可用于App,小程序,uniapp
我是有我我是用uniapp写的,小程序,APP,Vue页面同理:有个简单的结构就可以<template> <view class="list"> <view class="lbt" v-if="lbt"> </view> <view class="flex-s" v-if="klist"> <view class="kapian" v-for=" i in 4"> </view> .原创 2021-08-11 18:15:48 · 682 阅读 · 0 评论 -
Css盒子阴影及文本阴影效果总结
文字阴影text-shadow:h-shadow v-shadow blur color;值 描述 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊的距离。 color 可选。阴影的颜色。参阅CSS 颜色值。 box-shadow:h-shadow v-shadow blur spread colorinset;值 说明 h-shadow 必需的...原创 2021-08-06 14:14:39 · 217 阅读 · 0 评论 -
flex布局及常用属性,学flex收藏这个就够用了,超详细分析“建议收藏”
常见父项属性flex-direction:设置主轴方向justify-content:设置主轴上的子元素排列方式flex-start:默认值从头开始flex-end:从尾部开始center:在主轴居中对齐flex-wrap:设置元素是否换行space-around:平均分配剩余空间align-items:设置侧轴上的子元素排列方式(单行)space-between:先两边贴边再平分剩余空background:linear-gradient(起始方向,颜色1,颜色2,...);原创 2021-08-05 16:36:39 · 318 阅读 · 0 评论 -
css设置文本超过宽度后显示省略号点点点
这个属性用的贼多,我还老是忘,今天记录一下单行文本显示省略号.a{ overflow:hidden; /*超出的部分隐藏起来。*/ white-space:nowrap;/*不让文本换行,在一行显示*/ text-overflow:ellipsis;/*超出显示...*/}多行文本超出显示省略号-webkit-是webkit内核的前缀(Chrome) .a{ overflow: hidden; text-overflow: ellipsis.原创 2021-08-03 17:52:57 · 1516 阅读 · 0 评论 -
Vue-transition组件的Css动画+过渡(1)入门,笔记总结 “建议收藏”
Vue 提供了transition的封装组件v-if和v-show可以控制组件的显示和隐藏,动画就添加在显示和隐藏的过程中这里引用vue官网大大一个例子<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hello</p> &..原创 2021-08-03 11:08:47 · 911 阅读 · 0 评论 -
vue的v-if隐藏不了元素失效问题,因为display:none; 失效,所以元素还显示
1.开始隐藏echarts的图表没隐藏掉<divclass="tableonejjtp" v-if="dasdasadsa1"> //中间是多个echart可视化的div</div>2.后来在网上找了好多方案也没解决掉,最后直接在外层套个div设置if隐藏,简单直接!<divv-if="dasdasadsa1"><divclass="tableonejjtp"> //中...原创 2021-08-02 14:54:19 · 3747 阅读 · 0 评论