script 标签中的 async 和 defer 属性

script 标签中的 async 和 defer 属性
<script> 浏览器在解析 HTML 的时候,如果遇到一个没有任何属性的 script 标签,就会暂停解析,先发送网络请求获取该 JS 脚本的代码内容,然后让 JS 引擎执行该代码,当代码执行完毕后恢复解析。 ...
42 次浏览
HTML5+CSS3 2022-02-24

CSS知识点

CSS知识点
css加载不会阻塞DOM树的解析css加载会阻塞DOM树的渲染css加载会阻塞后面js语句的执行
89 次浏览
CSS3 2021-08-12

常用小技巧

常用小技巧
可编辑 contenteditable = true 放入标签中,标签可编辑 文字自动换行 wrod-wrap:break-word css样式 文字最后一行对齐方式 text-align-last 保持顶部位置对齐方式变,只作用最后一行。...
122 次浏览
CSS3 2020-08-21

滚动视差background-attachment

滚动视差background-attachment
何为滚动视差 视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。 通常而言,...
379 次浏览

静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别

静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别
一、静态布局(Static Layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静...

图片自适应CSS

图片自适应CSS
HTML部分 <div class="layui-upload-list banner-box"> <div class="fl banner-logo-box"> <div class="banner-Img-table"> <div class="banner-Img-vc"> ...
132 次浏览
CSS3 2018-04-10