zhaocuit的博客

1、概述    html任何一个元素都可以看作一个盒子，这个盒子不可见，但是它存在于页面的每个角落，也正是由于它不可见、不直观，很多人在初学CSS的时候不能透彻得理解盒模型的概念，导致在页面布局中出现各种各样的问题。    一个盒子包括了content（实际内容）、border（边框）、padding（内边距）和margin（外边距）。2、content    盒子的内容，显示文本和图...

一、概述1.为什么需要使用浮动        在标准流中，所有的块级元素都独占一行。为了让多个块级元素可以在同一行上显示，需要使用浮动或定位    2.语法        float：none | left | right        3.浮动的特点       (1) 让元素脱离标准流，漂浮在标准流之上。(半脱标)        注意：浮动元素并没有脱离标准流中的文本流，即标...

1、元素的定位属性    元素的定位属性主要包括定位模式和边偏移两部分。    1.边偏移    top    顶端偏移量，定义元素相对于其父元素上边线的距离    bottom 底部偏移量，定义元素相对于其父元素下边线的距离    left   左侧偏移量，定义元素相对于其父元素左边线的距离    right  右侧偏移量，定义元素相对于其父元素右边线的距离    也就说，以后定位...

1、传统css布局的局限性布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便。CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。2、CSS3伸缩布局display: flex;设置父容器为伸缩盒子，会使每一个子元...

1、过度    添加过渡效果:过渡效果执行完毕之后，默认会还原到原始状态    1.transition-property:添加过渡效果的样式属性名称    transition-property: left;//        2.transition-duration:过渡效果的耗时 以秒做为单位    transition-duration: 2s;//设置过度耗时为2秒   ...

1、下载字体图标    阿里巴巴字体图标库：https://www.iconfont.cn/  icomoon字体图标库：https://icomoon.io/    解压下载的字体图标库    将解压的所有文件放到项目中的font文件夹下（切记保存所有的文件）2、使用字体图标    1.定义字体    @font-face {      font-family: 'iconfont...