CSS文字渐变
摘要：background-image: -webkit-linear-gradient(left, red, #fd8403, #7EF0A2);-webkit-background-clip: text;-webkit-text-fill-color: transparent;
阅读全文
posted @ 2024-02-06 09:55
随笔分类 - CSS
uniapp全局黑白
摘要：page{filter: grayscale(100%); } .uni-tabbar__item{filter: grayscale(100%); }
阅读全文
posted @ 2022-12-01 17:09
CSS渐变样色的字
摘要：width: 118px; height: 17px; font-size: 13px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold; color: #FFFFFF; line-height: 17px; b
阅读全文
posted @ 2022-11-18 16:54
uniapp改变icon
摘要：<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link rel="icon" href="<%= BASE
阅读全文
posted @ 2022-09-08 15:54
颜色透明度16进制
摘要：100% — FF 99% — FC 98% — FA 97% — F7 96% — F5 95% — F2 94% — F0 93% — ED 92% — EB 91% — E8 90% — E6 89% — E3 88% — E0 87% — DE 86% — DB 85% — D9 84% —
阅读全文
posted @ 2022-04-15 11:58
flex上下左右居中
摘要：父元素CSS box-sizing: border-box; padding-left: 10px; padding-right: 10px; display: flex; align-items: center; -webkit-box-pack: justify; justify-content
阅读全文
posted @ 2021-08-19 15:27
两列流式布局CSS
摘要：.a{/* width: 200px;;*/ height:auto; background: #2A4175; border-radius: 4px; /*margin-top: 10px;*//* float: left;*//* margin-left: 2%;*/ box-sizing: b
阅读全文
posted @ 2019-08-09 10:07
微信小程序超出两行省略号
摘要：display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-line-clamp: 2; -webkit
阅读全文
posted @ 2019-03-19 09:01
PC滚动条样式
摘要：//隐藏滚动条 .xuan_zuow为 class .xuan_zuow ::-webkit-scrollbar { /* 组件内滚动条不显示 */ display: none; } //修改滚动条 #jmwin2为外部容器 #jmwin2{ width: 90%; height: 65%; bac
阅读全文
posted @ 2018-12-08 15:44
CSS如何作小于1PX的边
摘要：小于1PX的边能使页面变得更加精致，那么具体怎么做呢？ 主要思路就是设置伪元素先放大再通过变换缩小。 代码如下 .border { position: relative;//如果有圆角 } .border:before { left: 0; border-radius: 20px;//如果有圆角 c
阅读全文
posted @ 2018-05-22 10:01
H5滑条(input type=range)
摘要：input[type=range] { -webkit-appearance: none; width: 230px; border-radius: 10px; /*这个属性设置使填充进度条时的图形为圆角*/ display: block; margin: 0 auto; margin-top: 2
阅读全文
posted @ 2017-11-14 13:52
checkbox/radio 样式修改
摘要：只改颜色 input[type=radio],input[type=checkbox] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 5px; -webkit-appe
阅读全文
posted @ 2017-09-20 13:46
Less与Sass
摘要：一。【less中的变量】 1、声明变量： @变量名字：变量值 2、使用变量： @变量名 >>>less中变量的类型① 数字类 1 10px ②字符串: 无引号字符串red 有引号字符串"haha"③ 颜色类 red #000000 ragb() ④值列表类型：用逗号或者分隔 10px solid 1
阅读全文
posted @ 2017-05-01 18:15
响应式布局和弹性布局,移动开发常用技巧
摘要：1. 响应式布局三种方法：1.在CSS中@media 样式and( 条件1）and(条件2）{CSS样式} 2.在CSS中@import url(地址）样式and( 条件1）and(条件2）{CSS样式} 3.在head中<link rel="stylesheet" type="text/css"
阅读全文
posted @ 2017-03-26 12:57
CSS基础1
摘要：1.三种引用CSS的方式：1。行内样式表：在标签中使用style="样式"不利于样式复用，优先级最高 2.内部样式表：在head中以 <style type="text/css"><style>形式使用，不利于多页面样式复用 3.外部样式表：<link rel="stylesheet" type="
阅读全文
posted @ 2017-03-12 15:15
