![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
文章平均质量分 61
一只特立独行的猫猫
有什么技术问题,欢迎大家一起交流,一起学习 如果人生旅途的道路一致,我愿为同行的你背起行囊
展开
-
使用flex布局,子元素怎么高度自适应?
1、想用flex实现这种布局2、各个子元素高度不固定,从上到下依次排列请问可以怎么实现?附:我对父元素定义了下面的规则:display:flex;flex-flow:row wrap;对子元素用p标签放了一些文本,未设置高度,结果显示效果如下红色标记是子元素被拉伸了,高度没有自适应:父元素上增加align-items: flex-start;因为交叉轴的对齐方式,默认是 stretch...转载 2020-11-01 16:46:39 · 7704 阅读 · 4 评论 -
css BFC
BFCBFC(Block Formatting Context):块级格式化上下文。BFC决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。当设计到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定的规则进行布局。一个环境中的元素不会影响到其他环境中的布局。BFC的原理(渲染规则)BFC元素垂直方向的边距会发生重叠。属于不同BFC外边距不会发生重叠 BFC的区域不会与浮动元素的布局重叠。 BFC元素是一个独立的容器,外面的元素不会影响里面的元素。里面的元转载 2020-10-30 21:38:30 · 186 阅读 · 0 评论 -
Rem布局的原理解析
Rem布局的原理解析tobAlier关注22017.10.25 11:27:32字数 2,630阅读 12,367什么是Remrem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下em:em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——M...转载 2020-01-13 15:51:21 · 843 阅读 · 0 评论 -
rem与@media 的优缺点
首先: 如果我们在做单独移动端网站或者app的时候 我建议 使用rem ;他能让我们在手机各个机型的适配方面;大大减少我们代码的重复性,是我们的代码更兼容。下面两个图一个调试在常用的机型 iPhone6 宽度是375*667 (一般的手页面的原型图为 750* ...) 另一个是我们最常出现问题的机型 iPhone5 因为是小机型所以比较容易出问题(错位!!!!)。...转载 2020-01-13 11:01:59 · 1677 阅读 · 0 评论 -
http缓存详解,http缓存推荐方案
前言通过本文,你将了解到http缓存机制是怎样的,no-cache到底有没有缓存,地址栏回车,F5,ctrl+F5的区别,以及当下较为推荐的缓存方案等。自从和前端组的同事一起整了个前端扫盲计划,想着给他们讲点什么,花了一周时间整理了http缓存的知识,花了一个多小时也算帮同事们重新理了理这玩意。本文借用了部分优秀文章的思路,这里就当一个整理分享了。那么我们开始~说明阅读前提:h...转载 2019-10-17 10:41:26 · 154 阅读 · 0 评论 -
css button 的四种状态 focus 伪类
1.普通状态2,鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态focus 经常用来取消a链接点击后产生的虚线边框a:focus{outline: none;}<!DOCTYPE html><html><head><title></title...转载 2019-08-15 00:21:06 · 11787 阅读 · 1 评论 -
iframe设置100%,出现纵向滚动条
iframe 设置为100%出现纵向滚动条转载 2018-04-04 22:14:47 · 1568 阅读 · 0 评论 -
html margin-top 不起作用
margin-top不起作用原创 2018-01-13 10:02:59 · 10559 阅读 · 0 评论 -
htm学习l第三天
今天的学习内容有,css的权重问题相同权重的选择符,哪个选择符最后定义,就采用哪个采用选择符的样式切记,是css中定义的样式顺序,不是html中使用的顺序接下来就是今天学的一些很零碎的东西1、{margin:0 auto;} 这个的作用是让元素整体居中显示,但是这个有两个使用条件1)只能给块状元素使用2)使用时必须给块状元素设置高度,这样左右原创 2018-01-12 09:26:44 · 409 阅读 · 0 评论