![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS2.0
mufengs16
努力向上、自由生长。
展开
-
间接实现行间距的line-height
行间距的实现在css中要通过line-height设置行高间接完成行间距的指定,行高越大,行间距就越大通常在声明字体时,连带上行高,即是font-size/line-height也可用百分数表示行高,如line-height:100%,即是行高=字体大小,文字呈现的是紧密排列,亦可用倍数指定行高,道理亦然...原创 2020-11-10 12:57:02 · 127 阅读 · 0 评论 -
独特的图片垂直居中
独特的图片垂直居中<!DOCTYPE html><html> <head> <title>实现图片的垂直居中</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-sclae=1.0"> <style type="text/css"> *原创 2020-11-10 12:45:18 · 122 阅读 · 0 评论 -
关于元素水平、垂直居中
元素水平、垂直居中的2种方式<!DOCTYPE html><html> <head> <title>使元素水平、垂直居中的2种方式</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-sclae=1.0"> <style type="text/css"&g原创 2020-11-10 12:41:20 · 103 阅读 · 0 评论 -
常用的清除浮动
清除浮动<!DOCTYPE html><html> <head> <title>清除浮动</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-09 19:54:11 · 161 阅读 · 1 评论 -
BFC实现简单的2栏布局
BFC实现简单的2栏布局<!DOCTYPE html><html> <head> <title>BFC实现简单的2栏布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css">原创 2020-11-09 19:51:04 · 134 阅读 · 0 评论 -
BFC解决元素的内、外边距重叠
BFC解决元素的内、外边距重叠<!DOCTYPE html><html> <head> <title>BFC解决元素的内、外边距重叠</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"&原创 2020-11-09 19:49:32 · 500 阅读 · 0 评论 -
粘连布局
粘连布局<!DOCTYPE html><html> <head> <title>移动端的粘连布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-09 19:29:39 · 222 阅读 · 0 评论 -
利用绝对定位的方法去模拟固定定位
利用绝对定位的方法去模拟固定定位<!DOCTYPE html><html> <head> <title>利用绝对定位的方法去模拟固定定位</title> <meta charset="urf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css原创 2020-11-08 20:18:32 · 403 阅读 · 0 评论 -
双飞翼布局
双飞翼布局<!DOCTYPE html><html> <head> <title>双飞翼布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 20:16:10 · 160 阅读 · 0 评论 -
圣杯布局
圣杯布局<!DOCTYPE html><html> <head> <title>3栏式圣杯布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 20:04:49 · 122 阅读 · 0 评论 -
伪等高布局
伪等高布局<!DOCTYPE html><html> <head> <title>伪等高布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 20:03:33 · 97 阅读 · 0 评论 -
float布局
float布局<!DOCTYPE html><html> <head> <title>利用浮动快速布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 20:01:33 · 46 阅读 · 0 评论 -
position布局
position布局<!DOCTYPE html><html> <head> <title>利用定位快速布局</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> *原创 2020-11-08 20:00:25 · 56 阅读 · 0 评论 -
float的用法
float的用法<!DOCTYPE html><html> <head> <title>浮动的一些用法</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 19:58:06 · 709 阅读 · 0 评论 -
定位的用法2
定位的用法2<!DOCTYPE html><html> <head> <title>定位用法2</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 19:54:58 · 161 阅读 · 1 评论 -
定位用法1
定位的用法1<!DOCTYPE html><html> <head> <title>定位用法1</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <style type="text/css"> * {原创 2020-11-08 19:49:17 · 139 阅读 · 1 评论