2021年12月15日
摘要：
9.9文本的水平对齐和垂直对齐：text-align、vertical-align 1）水平对齐：text-align 可选值： （1）left：左对齐，默认值 （2）right：右对齐 （3）center：居中对齐 （4）justify：两端对齐 2）垂直对齐：vertical-align 子元素 阅读全文
摘要：
9.5图标字体：阿里iconfont 官网：https://www.iconfont.cn/ 1）登录 2）选择图标库 3）选图标，并加入购物车。可以多选一些 4）打开购物车，将所选图标加入项目。如果没有项目，可以新建项目。 5）下载，得到压缩文件download.zip 6）解压缩，文件demo_ 阅读全文
摘要：
9字体 9.1字体相关样式 1）color：用来设置前景色，包括字体颜色、边框等。 2）font-size：设置字体大小。 font-size的单位： （1）px：像素 （2）em：相当于当前元素的1个font-size （3）rem：相当于根元素的1个font-size 3）font-family 阅读全文
摘要：
8.5固定定位：fixed 当position属性设置为fixed时，就开启了元素的固定定位。 固定定位的特点： （1）固定定位也是一种绝对定位，所以固定定位的大部分特点和绝对定位一样。 也会改变元素的性质，提升元素层级等等。 （2）唯一不同的是，固定定位永远参照于浏览器的视口进行定位。 固定定位的 阅读全文
摘要：
8定位：position用于细节调整 8.1定位（position）简介 1）需求：将下图中box2移动到box1右侧，box1和box3位置保持不变。 通过设置box2和box3的外边距，可以实现上述需求。 下面的代码中为了移动了box2，修改了box2和box3的样式。 使用外边距进行布局，比较 阅读全文
摘要：
7.7clear：清除浮动元素的影响 1）clear作用：清除浮动元素对当前元素产生的影响 如果不希望某个元素因为其它元素浮动的影响而改变位置，可以使用clear属性来清除影响。 clear清除box1浮动对box3的影响。 2）clear的可选值： （1）left：清除左侧浮动元素对当前元素产生的 阅读全文
摘要：
7.4页面简单布局 1）实现纵向排列布局 2）main模块中增加3个水平排列的模块 7.5高度塌陷 父元素的高度默认是被子元素撑开的。当子元素浮动后，完全脱离文档流。 子元素从文档流中脱离将无法撑起父元素的高度，导致父元素高度丢失。 父元素高度丢失后，其下的元素会自动上移，导致页面布局混乱。 浮动前 阅读全文
摘要：
7浮动：float用于宏观布局 7.1浮动简介 浮动可以使一个元素向其父元素的左侧或右侧移动。 1）使用float属性设置元素的浮动，可选值： none：默认值，元素不浮动 left：元素向左浮动 right：元素向右浮动 2）注意： （1）元素设置浮动以后，水平布局等式（7个值之和=行宽）不需要强 阅读全文