css相关
关注
分享
扫一扫
文章平均质量分 76
Chepy2018
生命不息，学习不止
展开
-
css三栏布局实现6种方法总结
三栏布局介绍：左边固定300px，右边固定300px，中间自适应，下面通过6种方法来实现该布局，欢迎补充~~~~1. flex方式，实现简单，支持ie10+：css代码：.content-flex { display: flex; text-align: center; line-height: 200px; ...原创 2018-04-13 20:55:30 · 483 阅读 · 0 评论 -
JS实现鼠标经过和离开图片放大缩小效果
参考：艺龙官网实现。要点：闭包理解；轮询器的清除；以下为部分代码，所有代码见github(ImageEffect文件夹)：源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2018-04-21 14:36:21 · 7343 阅读 · 0 评论 -
CSS3--通过Animation实现简单的手指点击动画
源码：https://github.com/ChpShy/single-play-demo/tree/master/Animation效果图：html结构：<body> <div class="wrapper"> <div class="circle"></div> <div class="fi原创 2018-05-13 19:12:16 · 13293 阅读 · 0 评论 -
CSS--层叠上下文
张鑫旭大神的文章：http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/转载 2018-05-14 09:20:26 · 506 阅读 · 0 评论 -
css中offsetTop, offsetHeight,clientHeight,scrollTop,scrollHeight的区别
一、前言元素大小平时在开发中或多或少都有用到，时常在各种属性中犹豫不决，不知道该用哪个，现在来对偏移量(offsetTop)，客户区大小(clientTop)，滚动大小(scrollTop)和确定元素大小(getBoundingClientRect().top)做个总结。二、分析offsetTop：元素的上外边框至包含元素的上内边框之间的像素距离。这句话主要的点在于包含元素，包含元素的...原创 2018-06-11 21:57:26 · 2873 阅读 · 2 评论 -
border-radius详解
在平时工作中border-radius这个属性，一直拷贝的ui的设计值，用的最多的也是border-radius:50%这个属性。竟然一直没去深入了解过其特性。惭愧惭愧，在此认真读了下张鑫旭大神的这边博客：地址。以下做个总结。一、border-radius的属性值border-radius: 300px 300px 300px 300px/300px 300px 300px 300px;其中分别对...转载 2018-06-21 22:11:41 · 1681 阅读 · 0 评论