CSS
关注
分享
扫一扫
文章平均质量分 53
JoanLee.cn
前端开发工程师
展开
-
如何让img标签在父元素中自适应宽度或者高度，按比例显示
如何让img标签在父元素中自适应宽度或者高度，按比例显示自适应宽度自适应高度如果图片的大小不一，想图片按比例显示在父元素中间，怎么办？自适应宽度如果要让img标签在给定宽高的父元素中自适应，如果自适应宽就是// lessdiv { width: 300px; height: 300px; img { width: 100% };}自适应高度如果要让img标签在给定宽高的父元素中自适应，如果自适应宽就是// lessdiv { width: 300px; height:原创 2021-10-14 11:33:34 · 12068 阅读 · 0 评论 -
关于CSS盒模型（box model）
CSS盒模型（box model）深入理解CSS盒模型1. 基本概念: 什么是盒模型2. 标准盒模型和怪异盒模型（IE盒模型）的区别3. 我们应该如何设置和选择盒模型4. 浏览器兼容问题深入理解CSS盒模型刚完过年，大家是不是都在物色新的工作机会呢？可能在面试的时候，我们大多数人都会被问到一个问题，那就是CSS盒模型。这个看似简单的问题，实际上却不太好回答，今天我们从以下几个方面谈一谈CSS盒...原创 2019-02-22 22:51:07 · 2835 阅读 · 3 评论 -
关于BFC及其应用
关于BFC（块级格式化上下文）走近BFC一、什么是BFC二、触发条件三、规则四、应用1. 阻止margin重叠2. 可以包含浮动元素 —— 清除内部浮动(清除浮动的原理是两个div都位于同一个 BFC 区域之中)3. 自适应两栏布局、阻止元素被浮动元素覆盖总结（附加万能清除法解决高度塌陷问题）走近BFC一、什么是BFCBFC被很多人提及，但是又有一部分人对此并没有很好的解释，那BFC到底是什...原创 2019-02-23 12:53:12 · 449 阅读 · 0 评论 -
纯CSS画哆啦A梦
如何用纯CSS画出一个哆啦A梦？<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &a原创 2019-02-23 16:26:52 · 874 阅读 · 1 评论