加载中...

2021年7月16日
外边距的折叠，行内元素的盒模型
摘要： 1.外边距的折叠 父元素： 父子元素间相邻外边距，子元素的会传递给父元素（只限于上外边距）， 父子外边距的折叠会影响到页面的布局，必须要进行处理。例如：设置子元素的位置margin-top:100px;结果同时父子元素同时向下移动100px 兄弟元素: 兄弟元素间的相邻垂直外边距会取两者之间的较大值 阅读全文
posted @ 2021-07-16 21:35 莫等闲O(∩_∩)O~~ 阅读(47) 评论(0) 推荐(0)
盒子水平和垂直方向的布局
摘要： 1、元素水平方向的布局 元素在其父元素中水平方向的位置由以下几个属性共同决定 margin-left 、border-left、 padding-left、width 、padding-right、border-right、margin-right 一个元素在其父元素中，水平布局必须要满足以下的等式 阅读全文
posted @ 2021-07-16 20:46 莫等闲O(∩_∩)O~~ 阅读(126) 评论(0) 推荐(0)
页面练习-仿京东左侧导航条
摘要： 1、本节主要是仿京东左侧导航条静态页面练习。 2、知识点：HTML，CSS。 3、练习代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2021-07-16 14:10 莫等闲O(∩_∩)O~~ 阅读(472) 评论(0) 推荐(0)