
CSS
CSS学习归档
晚生隆海
路漫漫其修远兮,吾将上下而求索
展开
-
UI组件使用技巧
UI组件使用技巧。原创 2022-09-21 15:57:06 · 265 阅读 · 0 评论 -
bootstarp元素靠右或者靠左排列
Bootstrap3设置搜出来的方法大多都是Bootstrap3的pull-rightnavbar- rightBootstrap4设置ml-auto元素居右mr-auto元素居左原创 2022-05-16 18:05:08 · 4676 阅读 · 1 评论 -
微信小程序rich-text限制富文本内容格式
后端很多时候直接返回后台上传的富文本内容,内容的图片在小程序会超出,样式乱的找了很多办法,发现此方法可用,记录下wxml添加固定容器类名位:ql-container 和 ql-deitor 即可限制内部内容的样式 <view class="ql-container"> <view class="ql-deitor"> <rich-text class="" nodes="{{nodes}}"></rich-t.原创 2022-04-07 11:11:32 · 860 阅读 · 2 评论 -
React脚手架使用less
React脚手架使用lessReact使用less编写样式React使用less编写样式使用npm包:node-less-chokidarnpm官方文档github官方文档安装npm包:npm install node-less-chokidar --save-devnpm install npm-run-all --save-dev安装好保证package.json字段如下即可,会自动生成css文件:"scripts": {"start": "npm run build-原创 2022-01-22 17:05:54 · 713 阅读 · 0 评论 -
Vscode微信小程序开发,使用less编写样式
微信小程序开发,使用less开发安装wxss-cliVsCode安装Easy LESS编译相应的文件夹安装wxss-clinpm install -g wxss-clinpm地址查看npm安装的包命令npm list -g --depth 0VsCode安装Easy LESS编译相应的文件夹npx wxss ./pages/my/myvip ./pages/my/myvip 编译文件目录 编译后的css存在存放目录优点:可以指定某个文件夹的样式,不用全局更改。可以切换自己想用le原创 2022-01-05 11:30:34 · 433 阅读 · 0 评论 -
CSS做可以调整的虚线边框
CSS做可以调整的虚线边框div { box-sizing: border-box; border-top: 1px solid transparent; background: linear-gradient(white, white) padding-box, repeating-linear-gradient( -45deg, #ccc 0, #ccc 0.3em, white 0, whi原创 2021-11-15 14:02:20 · 737 阅读 · 0 评论 -
CSS动画实例
CSS动画实例一、进度条二、涨水一、进度条html代码 <div class="d1"> <div class="bar"></div> </div>css代码 .d1 { width: 400px; height: 20px; background-color: gray; }原创 2021-04-19 16:12:18 · 336 阅读 · 0 评论 -
CSS文本样式
CSS文本样式一、text-shadow文本阴影一、text-shadow文本阴影text-shadow: 30px 30px 5px red;text-shadow: red 0.3em 0.3em 0.3em;/*x偏移量、y偏移量、模糊半径、颜色(没有指定使用color属性值替代,位置可在最前可在最后),可以多个参数添加多个阴影 */文字燃烧效果 span { font-size: 80px; font-weight: b原创 2021-04-11 22:12:56 · 184 阅读 · 0 评论 -
web前端参考网址集合
web前端参考网址集合一、CSS参考网址1.[CSS 3 Selectors Test](http://tools.css3.info/selectors-test/test.html)2.[canius测试网](https://caniuse.com/)3.[CSS3 Generator生成器](http://css3generator.com/)4.[CSS3, Please!](https://css3please.com/)5.[border-radius](https://border-radiu原创 2021-04-10 22:37:45 · 525 阅读 · 0 评论 -
CSS基础
CSS选择器1. :nth-child(an+b)1. :nth-child(an+b)这个 CSS 伪类首先找到所有当前元素的兄弟元素0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。1n 和 1n+0 是一致的,可根据喜好任选其一来使用。)2n+0 或简单的 2n 匹配位置为 2、4、6、8…的元素(n=0时,2n+0=0,第0个元素不存在,因为是从1开始排序)。你可原创 2021-04-08 10:41:12 · 110 阅读 · 0 评论