285浏览

0评论

CSS 优化和提高性能的方法有哪些？

加载性能：（1）css 压缩：将写好的 css 进行打包压缩，可以减小文件体积。（2）css 单一样式：当需要下边距和左边距的时候，很多时候会选 择 使 用 margin:top 0 bottom 0 ； 但 mar...

• 空空 / htmlcss / 2023-02-07

251浏览

0评论

对 CSSSprites 的理解

CSSSprites（精灵图），将一个页面涉及到的所有图片都包含到一张 大图中去，然后利用 CSS 的 background-image，background-repeat， background-position 属性的组合进行背景定位。...

• 空空 / htmlcss / 2023-02-07

274浏览

0评论

CSS3 中有哪些新特性

新增各种 CSS 选择器 （: not(.input)：所有 class 不是“input” 的节点）圆角 （border-radius:8px）多列布局 （multi-column layout）阴影和反射 （Shadowef...

• 空空 / htmlcss / 2023-02-06

257浏览

0评论

link 和@import 的区别

两者都是外部引用 CSS 的方式，它们的区别如下：link 是 XHTML 标签，除了加载 CSS 外，还可以定义 RSS 等其他事务； @import 属于 CSS 范畴，只能加载 CSS。link 引用 CSS 时，在页面载入时同时加载...

• 空空 / htmlcss / 2023-02-06

259浏览

0评论

display 的 block、inline 和 inline-block 的区别

（1）block：会独占一行，多个元素会另起一行，可以设置 width、 height、margin 和 padding 属性；（2）inline：元素不会独占一行，设置 width、height 属性无效。 但可以设置水平方向...

• 空空 / htmlcss / 2023-02-06

243浏览

0评论

说一下 HTML5 drag API

dragstart：事件主体是被拖放元素，在开始拖放被拖放元素时触发。darg：事件主体是被拖放元素，在正在拖放被拖放元素时触发。dragenter：事件主体是目标元素，在被拖放元素进入某元素时触发。dr...

• 空空 / htmlcss / 2023-02-06

277浏览

0评论

Canvas 和 SVG 的区别

（1）SVG：SVG 可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标 记语言 XML 描述的 2D 图形的语言，SVG 基于 XML 就意味着 SVG DOM 中的每个元素都是可用的，可以为某个元素附加 J...

• 空空 / htmlcss / 2023-02-06

227浏览

0评论

浏览器是如何对 HTML5 的离线储存资源进行管理和加载

在线的情况下，浏览器发现 html 头部有 manifest 属性，它会请求 manifest 文件，如果是第一次访问页面 ，那么浏览器就会根据 manifest 文件的内容下载相应的资源并且进行离线存储。如果已经 访问过页面并且资源已经进...

• 空空 / htmlcss / 2023-02-05

410浏览

0评论

行内元素有哪些？块级元素有哪些？ 空(void)元素有那 些？

行内元素有：a b span img input select strong；块级元素有：div ul ol li dl dt dd h1 h2 h3 h4 h5 h6 p；空元素，即没有内容的 HTML 元素。空元...

• 空空 / htmlcss / 2023-02-05

242浏览

0评论

script 标签中 defer 和 async 的区别

如果没有defer或async属性，浏览器会立即加载并执行相应的脚本。 它不会等待后续加载的文档元素，读取到就会开始加载和执行，这样 就阻塞了后续文档的加载。下图可以直观的看出三者之间的区别:其中蓝色代表 js 脚本网络加载时间，红色代表...

• 空空 / htmlcss / 2023-02-05