iygxv

故心故心故心故心小故冲啊 文章目录一.如何理解CSS中BFC?二.触发BFC三.总结 一.如何理解CSS中BFC? 定义: 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域 BFC 特性及应用 1.同一个 BFC 下外边距会发生折叠 <style> div { width: 100px; height: 10

故心故心故心故心小故冲啊 文章目录1.元素的显示与隐藏1.1 display 显示（重点）1.2 visibility 可见性 (了解)1.3 overflow 溢出(重点)1.4 显示与隐藏总结2. CSS用户界面样式2.1 鼠标样式cursor2.2 轮廓线 outline2.3 防止拖拽文本域resize2.4 用户界面样式总结3.vertical-align 垂直对齐3.1图片、表单和文字对齐3.2 去除图片底侧空白缝隙4. 溢出的文字省略号显示4.1 white-space4.2 text-o.

故心故心故心故心小故冲啊 文章目录1.定位1.1CSS 布局的三种机制1.2定位详解1.2.1边偏移1.3定位模式 (position)1.3.1静态定位(static) - 了解1.3.2 相对定位(relative) - 重要1.3.3绝对定位(absolute) - 重要1.3.4固定定位(fixed) - 重要1.4定位(position)的扩展1.4.1绝对定位的盒子居中1.4.2堆叠顺序（z-index）1.4.3定位改变display属性1.5定位总结1.6网页布局总结 1.定位 1..

故心故心故心故心小故冲啊 文章目录1.浮动1.1CSS 布局的三种机制1.2 什么是浮动(float)1.3浮动口诀之 浮1.4 浮动口诀之 漏1.5浮动口诀之 特1.6浮动(float)小结1.7浮动元素与兄弟盒子的关系2.清除浮动2.1 为什么要清除浮动2.2 清除浮动本质2.3 清除浮动的方法2.4 清除浮动总结3.总结 1.浮动 1.1CSS 布局的三种机制 1.2 什么是浮动(float) 学习浮动 ----浮 漏 特 1.3浮动口诀之 浮 1.4 浮动口诀之 漏 1.5浮动口诀之

故心故心故心故心小故冲啊 文章目录1.盒子模型1.1盒子模型（Box Model）1.2盒子边框（border）2.内边距（padding）3. 外边距（margin）3.1块级盒子水平居中3.2文字居中和盒子居中区别3.3插入图片和背景图片区别3.4 清除元素的默认内外边距(重要)3.5外边距合并(重要)4.盒子模型布局稳定性 1.盒子模型 1.1盒子模型（Box Model） 盒子模型有元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。 盒子里面的文.

故心故心故心故心小故冲啊 文章目录1.CSS复合选择器1.1后代选择器（重点）1.2 子元素选择器1.3交集选择器1.4并集选择器（重点）1.5 链接伪类选择器（重点）1.6 复合选择器总结2.标签显示模式（display）重点2.1块级元素(block-level)2.2行内元素(inline-level)2.3 行内块元素（inline-block）2.4 三种模式总结区别3.行高与高度（line-height and height）4. CSS 背景(background)4.1背景颜色(colo

故心故心故心故心小故冲啊 文章目录1.font总结2.CSS外观属性2.1 color:文本颜色2.2text-align:文本水平对齐方式2.3line-height:行间距2.4text-indent:首行缩进2.5text-decoration 文本的装饰2.6CSS外观属性总结 1.font总结 font:综合设置字体样式 (重点) 选择器 { font: font-style font-weight font-size/line-height font-family;} 2.CS

故心故心故心故心小故冲啊 文章目录1.css3选择器 E表元素1.1属性选择器2.2结构伪类选择器1.3伪元素选择器2D转换2.1 2D 转换之移动 translate2.2 2D 转换之旋转 rotate2.3 2D 转换之缩放scale3 动画3.1动画序列3.2基本使用方法3.3 动画简写属性4 3D 转换4.1 3D移动 translate3d4.2 透视 perspective4.3 translateZ4.4 3D旋转 rotate3d4.5 3D呈现 transfrom-style

故心故心故心故心小故冲啊 文章目录1.H5 新增语义化标签2.H5新增多媒体标签2.1 \ 音频2.2 \ 视频标签3.H5新增input表单、表单属性 1.H5 新增语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：块级标签 <aside>：侧边栏标签 <footer>：尾部标签 注意: 这种语义化标准主要针对搜索引擎的 这些新标签页面中可以使用多次的 在IE9中，需

系列文章目录 座右铭：越努力越幸运，越运动越健康。热爱前端技术，热爱运动的这样一个人 文章目录系列文章目录1，水平居中+阻止子元素定宽+ margin2，水平居中+ inline-block子元素不定宽+ text-align水平居中+ inline-block子元素定宽+ text-align4，水平居中+内联子元素不定宽+ text-align5，水平垂直居中+ flex +子元素不定宽高6，水平垂直居中+ flex +子元素不定宽高+ margin7，水平垂直居中+网格+子元素不定宽高8，水平垂直居

Flex布局一、flex布局原理二、父项常见属性1.flex-direction 设置主轴的方向2.justify-content设置主轴上的子元素排列方式总结欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出