![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS笔记本
四月四日梦
一个爱记笔记的小学生
展开
-
鼠标形状
cursor: pointer; 鼠标变成小手cursor: move; 鼠标变成四角箭头cursor: text; 鼠标变成工形插入条光标cursor: default; 鼠标变成小白...转载 2018-10-11 21:11:14 · 568 阅读 · 0 评论 -
弹性盒子居中 display:flex
转载 2018-10-14 22:36:58 · 819 阅读 · 0 评论 -
动画回到起点,保存状态
原创 2018-10-14 22:41:41 · 227 阅读 · 0 评论 -
动画速度
转载 2018-10-14 22:42:56 · 316 阅读 · 0 评论 -
两栏自适应-加overflow:hidden方式
HTML<div class="col-xs-12 col-sm-6 col-md-4"> <a href="#" class="product-box activeP"> <div class="rightPrroductBox"> </div> &原创 2018-10-14 22:47:15 · 322 阅读 · 0 评论 -
间距自适应-百分比
父元素宽度按照分几份来看,上面的分了4份。所以是25%,子元素居中转载 2018-10-14 22:48:11 · 624 阅读 · 0 评论 -
em和rem
转载 2018-10-14 22:51:04 · 114 阅读 · 0 评论 -
控制Body:hover时需要注意
控制Body:hover时,一定要加 html,body { height: 100%; }原创 2018-10-14 22:53:28 · 523 阅读 · 0 评论 -
动画转换会提高层级
转载 2018-10-14 22:54:32 · 607 阅读 · 0 评论 -
图片的下间隙
图片是行级元素跟文字一起会有基线,所以会有间隙原创 2018-10-15 22:37:46 · 181 阅读 · 0 评论 -
图片上下换行产生间距
因为图片liner-block 格式既有行的特征又有块的特征,在换行的时候,空格就会产生间距解决方法转载 2018-10-15 22:43:28 · 956 阅读 · 0 评论 -
before和after中,是after盖住了before
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>百度钱包</title> <style> .miuse { width: 300px; height: 300px; b原创 2018-10-13 22:28:04 · 988 阅读 · 0 评论 -
背景尺寸-背景原点-背景裁剪-多背景
背景尺寸背景原点背景裁剪多背景背景位置转载 2018-10-13 22:22:28 · 183 阅读 · 0 评论 -
半透明问题
半透明opacity:0.4; 优点方便。缺点:里面的内容也会半透明。C3的技术来解决半透明: background: rgba(0,0,0,0.3); background: rgba(0,0,0, .3);转载 2018-10-11 21:16:09 · 171 阅读 · 0 评论 -
隐藏和显示-元素是否占用位置
转载 2018-10-11 21:21:28 · 2441 阅读 · 0 评论 -
四种定位的区别
1、 static 是默认值2、relative 相对定位 相对于自身原有位置进行偏移,仍处于标准文档流中3、absolute 绝对定位 相对于最近的已定位的祖先元素, 有已定位(指 position不是 static的元素)祖先元素, 以最近的祖先元素为参考标准。如果无已定位祖先元素, 以 body元素为偏移参照基准, 完全脱离了标准文档流。4、fixed 固定定位的元素会相对于视窗来定位...转载 2018-10-12 20:34:04 · 2500 阅读 · 0 评论 -
图片水平居中
原创 2018-10-13 22:12:49 · 133 阅读 · 0 评论 -
CSS3选择器
转载 2018-10-13 22:14:39 · 66 阅读 · 0 评论 -
描点连接
转载 2018-10-13 22:16:01 · 905 阅读 · 0 评论 -
选择第一行-第一个字-首字下沉
转载 2018-10-13 22:17:08 · 719 阅读 · 0 评论 -
伪元素-伪元素选择器
转载 2018-10-13 22:17:40 · 177 阅读 · 0 评论 -
CSS3新增两种颜色模式
转载 2018-10-13 22:18:33 · 907 阅读 · 0 评论 -
边框图片
转载 2018-10-13 22:19:14 · 100 阅读 · 0 评论 -
初始化CSS
@charset "UTF-8";/*css 初始化 */html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin: 0; padding: 0;}fieldset, img, input, button { ...转载 2018-10-10 22:01:27 · 144 阅读 · 0 评论