CSS
CSS学习归档
隆海博客
风景在路上,生活在心里。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
UI组件使用技巧
UI组件使用技巧。原创 2022-09-21 15:57:06 · 307 阅读 · 0 评论 -
bootstarp元素靠右或者靠左排列
Bootstrap3设置 搜出来的方法大多都是Bootstrap3的 pull-right navbar- right Bootstrap4设置 ml-auto元素居右 mr-auto元素居左原创 2022-05-16 18:05:08 · 4813 阅读 · 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 · 1048 阅读 · 2 评论 -
React脚手架使用less
React脚手架使用lessReact使用less编写样式 React使用less编写样式 使用npm包:node-less-chokidar npm官方文档 github官方文档 安装npm包: npm install node-less-chokidar --save-dev npm install npm-run-all --save-dev 安装好保证package.json字段如下即可,会自动生成css文件: "scripts": { "start": "npm run build-原创 2022-01-22 17:05:54 · 752 阅读 · 0 评论 -
Vscode微信小程序开发,使用less编写样式
微信小程序开发,使用less开发安装wxss-cliVsCode安装Easy LESS编译相应的文件夹 安装wxss-cli npm install -g wxss-cli npm地址 查看npm安装的包命令 npm list -g --depth 0 VsCode安装Easy LESS 编译相应的文件夹 npx wxss ./pages/my/myvip ./pages/my/myvip 编译文件目录 编译后的css存在存放目录 优点:可以指定某个文件夹的样式,不用全局更改。可以切换自己想用le原创 2022-01-05 11:30:34 · 488 阅读 · 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 · 779 阅读 · 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 · 379 阅读 · 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 · 211 阅读 · 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 · 565 阅读 · 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 · 202 阅读 · 0 评论
分享