222wan

导航

随笔分类 -  前端html

html知识点20(清除浮动)
摘要:浮动总结: 清除浮动: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit 阅读全文

posted @ 2024-01-24 02:37 角落的蘑菇 阅读(22) 评论(0) 推荐(0) 编辑

学成在线网站——banner部分的构建
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>学成在线首页</t 阅读全文

posted @ 2023-09-12 19:52 角落的蘑菇 阅读(39) 评论(0) 推荐(0) 编辑

HTML-学成在线
摘要:学成在线案例,头部导航栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti 阅读全文

posted @ 2023-06-28 22:34 角落的蘑菇 阅读(66) 评论(0) 推荐(0) 编辑

html18
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>另一种</titl 阅读全文

posted @ 2023-06-24 01:00 角落的蘑菇 阅读(10) 评论(0) 推荐(0) 编辑

html浮动详及案例
摘要:下面是 浮动内容的详细解释,一定要注意其中紫色和红色部分 下面是案例 :这个是有关于我们看到的一个小米案例他在网页中布局使用了浮动, 学了浮动我们知道添加了浮动属性的盒子都会紧贴着网页边框,但是我们 在实例中观察到盒子使用浮动却能 居中显示 这主要依靠与我们的第一准则,就是标准流和浮动相结合的写法先 阅读全文

posted @ 2023-06-21 02:43 角落的蘑菇 阅读(86) 评论(0) 推荐(0) 编辑

html综合案例——品优购
摘要:这里面需要注意的点都在注释中有详细的解释大家在看代码的时候要注意看 阅读全文

posted @ 2023-06-17 00:50 角落的蘑菇 阅读(12) 评论(0) 推荐(0) 编辑

盒子模型外边距day17
摘要:盒子模型中的 margin,外边距可以让块级盒子水平居中,但必须满足两个条件, 1.盒子必须指定宽度width 2.盒子的左右外边距都设置为auto 写法:margin:0 auto(上下是0左右是auto) 以上设置方法只能对于块级元素设置对弈其他的例如行内元素就不行因为行内元素无法设置width 阅读全文

posted @ 2023-06-15 18:32 角落的蘑菇 阅读(17) 评论(0) 推荐(0) 编辑