首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
HTML&CSS
阳焰觅鱼
创建于2022-02-07
订阅专栏
HTML&CSS
暂无订阅
共11篇文章
创建于2022-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
文字省略
代码片段 单行文字 多行文字代码片段 单行文字 多行文字代码片段 单行文字 多行文字代码片段 单行文字 多行文字代码片段 单行文字 多行文字代码片段 单行文字 多行文字代码片段 单行文字 多行文字
重绘重排
重绘重排 重排: reflow 修改元素大小或位置会引起reflow reflow的本质是重新构建布局树 reflow 一定会导致 repaint 重绘: repaint 改变了字体颜色 改变了背景颜
em&rem
em 相对于当前元素的 font-size rem 相对于根元素 <html> 的 font-size 公式 $$ $$ 举例 vw/vh 50vw 屏幕宽度的 50% 50vh 屏幕高度的 50%
盒模型
盒模型分两种 标准盒模型content-box IE盒模型 border-box 在 CSS 中,我们可以通过 box-sizing: conent-box; 将盒子设置为标准模型(盒子默认为标准模型
清除浮动
方法一: bfc 方法二: 伪元素.................................
css优先级
下面的覆盖上面的 !import 优先级最高, 能不用就不用 越具体优先级越高 内联样式千分位 id选择器百分位 class选择器十分为 标签选择器个位
垂直居中
方案一: 子元素的line-height等于父元素的height 优点: 简单 缺点: 不适用于多行文字 方案二: flex 优点: 简单 缺点: 兼容性差 方案三: grid 优点: 布局很牛 缺点
BFC
英文全称: block formatting context 中文翻译: 块级格式化上下文 常用触发条件 浮动元素 float: 不是none 绝对定位元素 position: absolute 或
canvas和svg区别
canvas svg 用笔刷来绘制图形 用标签来绘制图形 位图 矢量图 性能更好一些,但写起来更复杂 节点过多时渲染慢 不支持支持分层和事件,但可以用库实现 支持分层和事件
h5新特性
语义化标签 表单功能增强 拖放功能 svg 本地存储 canvas 音视频标签 webworker 地理位置
html语义化
你是如何理解html语义化的? 答: 段落就写 p 标签,标题就写 h1 标签,文章就写article标签,视频就写video标签,等等。 清晰易读 有利于SEO,方便搜索引擎识别页面结构 方便设备解