css笔记
骑着母猪闯红灯
https://www.jb51.net/html5/686216.html#:~:text=%E6%89%BE%E4%BA%86%E5%BE%88%E5%A4%9A%E8%B5%84%E6%96%99%EF%BC%8C%E5%8F%91%E7%8E%B0%E5%8F%AA%E6%9C%89canvas%E5%8F%AF%E4%BB%A5%E5%AF%B9%E5%9B%BE%E7%89%87%E8%BF%9B%E8%A1%8C%E5%8E%8B%E7%BC%A9%E5%A4%84%E7%90%86%E3%80%82%20%E5%8E%9F%E7%90%86%E5%A4%A7%E6%A6%82%
展开
-
前端常见面试(个人总结的一些知识点)
一、event loop 事件循环:浏览器 eventloopeventloop事件循环是一种执行模型一种运行机制,在不同的地方有不同的实现,主要分为浏览器的event loop和nodejs的event loop;在事件循环中有两个重要的概念,宏队列和微队列首先,对于浏览器的event loop来说,是html5定义的规范,但是是在浏览器实现的,在浏览器中:宏队列主要包括settimeout和setinterval,微队列主要有promise。主要执行过程是:浏览器首先会将同步任务执行完毕,这时原创 2020-08-21 17:44:40 · 190 阅读 · 0 评论 -
BFC详解(块级格式化上下文,用于清除浮动,防止margin重叠等)
BFC详解(块级格式化上下文,用于清除浮动,防止margin重叠等)定义:块级格式化上下文,是一个独立的渲染区域,并且有一定的布局规则。BFC区域不会与float box重叠BFC是页面上的一个独立容器,子元素不会影响到外面计算BFC的高度时,浮动元素也会参与计算哪些元素会生成BFC:根元素float不为none的元素position为fixed和absolute的元素display为inline-block、table-cell、table-caption,flex,inline-原创 2020-07-30 13:07:02 · 333 阅读 · 0 评论 -
web前端文字溢出显示省略号方法
<div>今天是一个好日子好日子好日子</div> div { background-color: pink; height: 500px; width: 80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}white-space:n...原创 2020-07-24 10:48:49 · 805 阅读 · 0 评论 -
css实现三角形案例
直接上代码:<div class="triangle"></div> .triangle { width: 0px; height: 0px; border: 40px solid transparent; border-left-color: palevioletred; }将一个盒子的高度和宽度都设置为0,然后四个边框都设置为transparent,原创 2020-07-21 09:02:08 · 92 阅读 · 0 评论 -
web前端,css清除浮动的常见方法
一、为什么要清除浮动当我们为盒子设置浮动样式的时候,这是盒子将会脱离标准流,这样原先布局的其他内容将会占据盒子的位置,这样就没法看见相关内容。而在清除浮动之后,父级就会根据浮动的子盒子自动检测高度,父级有了高度,就不会影响下面的标准流了。二、常见清除浮动的方式1.额外标签法(隔墙法)额外标签法就是在浮动元素的末尾添加一个空标签。(空标签只能是块级元素) <div class="leftBox">1</div> <div class原创 2020-07-20 18:18:54 · 225 阅读 · 0 评论