笔记博客

CSS基本概念的学习 文档流动方向 内联元素从左到右流动，到最后侧换行显示(inline) 块级元素从上到下流动，每个元素独占一行(block) 行内块元素也是从左到右流动，但不会被分隔成两块换行(i

CSS基础学习 补充： border调试法(十分重要) 在写新的元素时或者怀疑哪个元素出问题时，给它加上border border如果没有在页面中出现，说明选择器出问题了 border如果出现了，看边

CSS定位和层叠上下文 补充代码 定位 布局和定位的区别 布局是屏幕平面上的一维上下左右 定位是垂直于屏幕的 盒模型层叠关系 border在文字的下面 背景在border下面 浮动脱离文档流 相较于文

CSS动画和效果原理 动画的定义 由许多静止的画面组成(帧) 以一定的速度(如每秒30张)连续播放时 肉眼因视觉残像产生错觉，而误认为是活动的 动画的概念 帧：每个静止的画面都叫帧 播放速度：每秒24

CSS盒模型以及各种布局总结 草图软件 balsamiq figma 墨刀 adobe 两种盒模型 border-box 是包括边框的盒模型，包含content、padding、border 更被推荐

记录学到的form、input标签 目录 注意事项 form表单标签 input标签 注意事项 不监听click（点击事件） form的input要有name form里必须要有submit才能提交表

记录下学习到的HTML的常用标签 目录 a 标签的用法 table 标签的用法 img 标签的用法 兼容

HTML起源 HTML起手规范 常用章节标签 全局属性标签 常用内容标签 好用的网站 CodeSandb