weixin_41700993的博客

知识点1：完整的网页的布局顺序。 先对网页整体的区域进行划分，划分为多个div区域。 百度首页由头部的一个文字导航，中减的一个按钮和一个输入框以及下边的文字简介和导航组成（可以先大致设置3个div，即上，中，下三部分）。 文字导航部分（上） 按钮和输入框部分（中） 下面的文字简介和导航组成（下） 对每一块区域进行上色（宽，高，背景颜色），依次调整间距，做出实际的布局效果。 单独去布局每一块区域的内容（按照1,2,3步骤）。 Css属性 盒模型相关的属性：margin，padding，bord

浮动布局 float 使用浮动可以控制相邻元素间的排列关系。 float: left; /* 向左浮动 */ float: right; /* 向右浮动 */ float: none; /* 不浮动 */ 文档流 没有设置浮动的块元素是独占一行的。 浮动是对后面元素的影响，第二个元素设置浮动对第一个元素没有影响。 div.first-of-type表示第一个元素 div.last-of-t...

CSS 5种炫酷的居中方式第一种方式使用 position第二种方式使用 flex第三种方式使用 grid第四种方式使用 grid第五种方式使用 grid 第一种方式 使用 position position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); <!DOCTYPE html> <h...