![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 86
web_hj
这个作者很懒,什么都没留下…
展开
-
grid布局
CSS Grid布局1.基本布局[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b0OHqhJx-1626505727506)(C:\Users\2018-jsb\AppData\Roaming\Typora\typora-user-images\image-20200829140703793.png)]实现上面布局html<view class="dis-gird"> <view>1</view> <原创 2021-07-17 15:08:53 · 102 阅读 · 0 评论 -
CSS备忘录
CSS 及CSS3 样式1.text-shadow 文本阴影 text-shadow: 5px 5px 5px #FF0000;2.box-shadow 盒子阴影box-shadow: 10px 10px 5px #888888; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 卡片效果 box-shadow 的顺序依次为: h-shadow v-shadow blur原创 2021-07-17 15:06:00 · 120 阅读 · 0 评论 -
css / css3 基础知识
1.text-shadow 文本阴影 text-shadow: 5px 5px 5px #FF0000;2.box-shadow 盒子阴影box-shadow: 10px 10px 5px #888888; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 卡片效果 box-shadow 的顺序依次为: h-shadow v-shadow blur spre...原创 2020-08-21 11:00:36 · 419 阅读 · 0 评论 -
css link和@import 用法
1. link<link href="css路径" rel="stylesheet" type="text/css" />2.@import 格式 @import +空格+ url(CSS文件路径地址);html中使用<!doctype html><html lang="en"><head>原创 2019-02-28 13:59:03 · 227 阅读 · 0 评论 -
css3 滤镜
1.图像转换为灰度图像<img src='../../images/a.png' class='pic'>.pic{filter: grayscale(100%); //数值越大 灰度效果越明显 100%则完全转为灰度图像 0%图像无变化}2.高斯模糊<img src='../../images/a.png' class='pic'>...原创 2019-04-25 10:47:36 · 204 阅读 · 0 评论 -
display:flex 弹性布局
设为Flex布局以后,子元素的float、clear和vertical-align属性将失效常用:{ display:flex; justify-content :center; //横向居中 align-items : center ; //纵向居中}一、flex-direction 容器内元素的排列方向(默认横向排列)1:...转载 2019-05-17 14:26:08 · 393 阅读 · 0 评论