加载中...

07 2021 档案

小米官网首页练习
摘要：html,css静态小米官网首页（欢迎提出不足） HTML： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m 阅读全文
posted @ 2021-07-28 16:34 莫等闲O(∩_∩)O~~ 阅读(236) 评论(0) 推荐(0)
背景
摘要：background-image 设置背景图片 可以同时设置背景图片和背景颜色，这样背景颜色将会成为图片的背景色 如果背景的图片小于元素，则背景图片会自动在元素中平铺将元素铺满 如果背景的图片大于元素，将会一个部分背景图片无法完全显示 如果背景图片和元素一样大，则会直接正常显示 background 阅读全文
posted @ 2021-07-26 14:20 莫等闲O(∩_∩)O~~ 阅读(177) 评论(0) 推荐(0)
定位（position）
摘要：定位是一种更加高级的布局手段 通过定位可以将元素摆放到页面的任意位置 使用position属性来设置定位 相对定位： 当元素的position属性值设置为relative时则开启了元素的相对定位 相对定位的特点： 1.元素开启相对定位以后，如果不设置偏移量元素不会发生任何的变化 2.相对定位是参照于 阅读全文
posted @ 2021-07-20 15:23 莫等闲O(∩_∩)O~~ 阅读(319) 评论(0) 推荐(0)
元素的浮动
摘要：1.浮动简介 使用 float 属性来设置元素的浮动 可选值： none 默认值 ，元素不浮动 left 元素向左浮动 right 元素向右浮动 注意：元素设置浮动以后，水平布局的等式便不需要强制成立。元素设置浮动以后，会完全从文档流中脱离，不再占用文档流的位置， 所以元素下边的还在文档流中的元素会 阅读全文
posted @ 2021-07-19 22:13 莫等闲O(∩_∩)O~~ 阅读(239) 评论(0) 推荐(0)
外边距的折叠，行内元素的盒模型
摘要：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)