web_hj的博客

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> <

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

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...

1. link &lt;link href="css路径" rel="stylesheet" type="text/css" /&gt; 2.@import 格式 @import +空格+ url(CSS文件路径地址); html中使用 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt

1.图像转换为灰度图像 <img src='../../images/a.png' class='pic'> .pic{ filter: grayscale(100%); //数值越大 灰度效果越明显 100%则完全转为灰度图像 0%图像无变化 } 2.高斯模糊 <img src='../../images/a.png' class='pic'> ...

设为Flex布局以后，子元素的float、clear和vertical-align属性将失效 常用： { display:flex; justify-content :center; //横向居中 align-items : center ； //纵向居中 } 一、flex-direction 容器内元素的排列方向(默认横向排列) 1：...