CSS
文章平均质量分 61
一只鱼_
这个作者很懒,什么都没留下…
展开
-
margin 重叠
margin重叠发生的情况: 1、只发生在block元素上,不包括float、absolute、inline-block元素 2、只发生在垂直方向上 margin重叠总结如下: 1、相邻兄弟元素<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <原创 2017-12-31 21:39:41 · 2116 阅读 · 0 评论 -
CSS信封
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>信封</title> <style> body { margin: 0; } .box { margin: 100px auto;原创 2017-12-31 20:54:11 · 1454 阅读 · 0 评论 -
图片叠加效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片叠加效果</title> <style> body{ margin: 0; } .box { position: relative;原创 2017-12-31 13:38:50 · 1456 阅读 · 0 评论 -
CSS钉子效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box:before { display: block; width: 60px; height: 60原创 2017-12-31 13:05:56 · 1350 阅读 · 1 评论 -
margin-top遇到的小问题
一直在忙项目,终于有时间重新来总结下css。一组嵌套的盒子,子盒子和父盒子之间想设置上边距,不能用margin-top设置。因为子盒子会带着父盒子一起距离浏览器有一个距离。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *原创 2017-12-11 16:31:14 · 5161 阅读 · 0 评论 -
利用borber书写小三角
一直在忙项目,终于有时间重新来看看css写的这些小东西。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0; }原创 2017-12-11 16:02:38 · 244 阅读 · 0 评论 -
margin垂直方向的塌陷
有两个上下排列的盒子,上盒子有一个下margin,下盒子有一个上margin。两个盒子的间距不是他们margin 之和。因为有垂直方向的塌陷。小margin会塌陷在大margin里。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2017-12-11 16:17:51 · 1474 阅读 · 0 评论 -
CSS3线性渐变 径向渐变 background linear-gradient radial-gradient
CSS3的线性渐变-1. 在mozilla下 –moz-linear-gradient( top,#ccc, #ff6f45); 有三个参数,第一个参数表示线性渐变的方向,top是从上到下、left是从左到右,如果定义成left top,那就是从左上角到右下角。第二个和第三个参数分别是起点颜色和终点颜色。你还可以在它们之间插入更多的参数,表示多种颜色的渐变。 <style>原创 2017-10-24 14:49:41 · 805 阅读 · 0 评论 -
background详解
–前言 –background属性(css2.0) - background-color: 设置背景颜色 - background-image : url() 设置背景图像 - background-repeat : 设置重复方式 取值 repeat-x | repeat-y | repeat | no-repeat; - background-attachment : 设置背景图原创 2017-10-19 15:59:07 · 1061 阅读 · 0 评论 -
div垂直居中的方法!!
让div垂直居中的方法 给有固定宽高的div垂直居中 不固定宽高原创 2017-08-20 21:37:33 · 483 阅读 · 0 评论 -
响应式背景图片的几种方法
响应式背景图片的几种方法总结原创 2017-08-20 18:49:50 · 11479 阅读 · 1 评论 -
stick footer
html lang="en">head> meta charset="UTF-8"> title>stick-footertitle> style> body { margin: 0; padding: 0; } html,body,.wrapper {原创 2018-01-08 15:30:39 · 227 阅读 · 0 评论