随笔分类 -  css

摘要:<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" enable-backgrou 阅读全文
posted @ 2022-03-19 21:02 木子末 阅读(166) 评论(0) 推荐(0)
摘要:相关知识点 布局、 浮动、 盒子模型、 弹性和模型、 选择器优先级、 居中定位、 兼容性、 hack写法...... 题目&答案 如何理解CSS的盒子模型? 每个HTML元素都是长方形盒子。 (1)盒子模型有两种:IE盒子模型、标准W3C盒子模型;IE的content部分包含了border和padi 阅读全文
posted @ 2022-03-18 14:32 木子末 阅读(114) 评论(0) 推荐(0)
摘要:1、盒模型 标准模型由四部分组成: 内容区域: 可以放置元素的区域如文本,图像等,一般设置宽高指的是这个内容的宽高内边距的区域:内容与边框之间的距离边框区域: 边框外边框区域:由外边框限制,用空白区域扩展边框区域,开分开相邻的元素模型区分:标准表型指的是设置box-sizing为content-bo 阅读全文
posted @ 2022-03-17 23:37 木子末 阅读(69) 评论(0) 推荐(0)
摘要:1、预加载和预渲染 预加载在开发中,可能会遇到这样的情况。有些资源不需要马上用到,但是希望尽早获取,这时候就可以使用预加载。预加载其实是声明式的 fetch ,强制浏览器请求资源,并且不会阻塞 onload 事件,可以使用以下代码开启预加载<link rel="preload" href="http 阅读全文
posted @ 2022-03-17 23:25 木子末 阅读(80) 评论(0) 推荐(0)