随笔分类 - CSS相关用法
摘要：1.利用display:table-cell，具体代码如下： html代码如下： <div class="img_wrap"> <img src="wgs.jpg"> </div> css代码如下： .img_wrap{ width: 400px; height: 300px; border: 1p
阅读全文
摘要：text-align: justify; text-align-last: justify; width: 3rem; display: inline-block;
阅读全文
摘要：.link span { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }
阅读全文
摘要：<div class="div">111</div> .div { width:200px; height:200px; box-shadow: 0 0 15px #e6e6e6; }
阅读全文
摘要：background: transparent; background: rgba(0, 0, 0, 0.8);
阅读全文
摘要：@font-face { font-family: vwfont; src: url(/shop-m/public/fonts/VWText-Regular.otf); } @font-face { font-family: hyqh40; src: url(/shop-m/public/fonts
阅读全文
摘要：外层display: flex;flex-wrap: wrap; 里层 width:49%
阅读全文
摘要：<html> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script> <style> #xuanzhun{ -webkit-transiti
阅读全文
摘要：在最后一项元素使用样式： margin-left: auto;
阅读全文
摘要：1、文本水平居中line-height,text-align:center(文字)元素水平居中 margin:0 auo 方案1：position 元素已知宽度 父元素设置为：position: relative; 子元素设置为：position: absolute; left: 50%;top:
阅读全文
摘要：1、元素水平居中 当然最好使的是： margin: 0 auto; 居中不好使的原因： 1、元素没有设置宽度，没有宽度怎么居中嘛！ 2、设置了宽度依然不好使，你设置的是行内元素吧，行内元素和块元素的区别以及如何将行内元素转换为块元素请看我的另一篇文章！ 示例 1： <div class="box">
阅读全文
摘要：在这里我只介绍下边框的实现： 当样式像素一定时,因手机有320px,640px等.各自的缩放比差异,所以设备显示像素就会有1Npx，2Npx.为保设计稿还原度,解决就是用media + scale. 实现原理：伪类+缩放 工具：stylus预编译器 1、在 stylus文件夹中创建mixin.sty
阅读全文
摘要：https://www.toptal.com/developers/css/sprite-generator
阅读全文
摘要：文章目录 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 7.反色 8.阴影 9.透明度 10.褐色 CSS3 Filter（滤镜）属性提供了提供模糊和改变元素颜色的功能。CSS3 Fitler 常用于调整图像的渲染、背景或边框显示效果。 -webkit-filter是css3的
阅读全文
摘要：文章目录 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 7.反色 8.阴影 9.透明度 10.褐色 文章目录 1.模糊 2.灰度 3.亮度 4.对比度 5.饱和度 6.色相旋转 7.反色 8.阴影 9.透明度 10.褐色 文章目录 1.模糊 2.灰度 3.亮度 4.对比度 5.
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
摘要：position:relative：相对，取决自己absolute:绝对，相对于最近定位的相对定位fixed：固定，相对窗口 行内变块元素方法：1、float2、display:block;3、绝对定位 IE6不支持
阅读全文
