摘要: 1.垂直居中:单行文本垂直居中(行高方法)、单行多行固定高度文本垂直居中(flex方法)、单行多行适用不固定高度(padding方法) 单行文本垂直居中(行高方法) 原理:让line—height等于元素自身的height,单行文字自动垂直居中。 标准代码 .text_box{ height:50p 阅读全文
posted @ 2026-05-07 08:03 魏zx 阅读(13) 评论(0) 推荐(0)
摘要: 文本折行:单行折行、指定行数折行 单行折行 正常单行自动折行 文本宽度超出容器自动换行 .text { word-break: normal; white-space: normal; } 单行禁止折行 不换行,超出部分溢出 .text-nowrap { white-space: nowrap; } 阅读全文
posted @ 2026-05-07 07:58 魏zx 阅读(7) 评论(0) 推荐(0)
摘要: 验证文档流的显示顺序 /*初始化,把所有元素内外间距清零*/ *{margin: 0; padding: 0;} .parent{ margin: 0 auto; width: 400px; /*height: 150px;*/ background-color: yellow; /*子集元素浮动后 阅读全文
posted @ 2026-04-19 21:57 魏zx 阅读(7) 评论(0) 推荐(0)
摘要: DIV布局 标题 列表 DIV 阅读全文
posted @ 2026-04-14 22:05 魏zx 阅读(4) 评论(0) 推荐(0)
摘要: 一.插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片格式选择:在保证成像质量的情况下,文件越小越好 常见的图片格式有:JPEG,GIF,png 最新的两种:svg,webp gif:支持动画显示 png:支持透明背景 jpeg和jpg:颜色丰富 插入图片的格式 <img src 阅读全文
posted @ 2026-03-29 20:19 魏zx 阅读(7) 评论(0) 推荐(0)
摘要: 一、脉络梳理 1.新建项目,项目名称mySite,路径D盘根目录下。 2.新建样式文件,名称为style.css,并通过外部引入到主页中。 3.主页中,插入标题一、标题二和一个段落,内容自拟 4.设置页面背景色为淡蓝色,标题一和标题二文本颜色为橙色,段落文本颜色为红色 5.新建子页,子页背景色和主页 阅读全文
posted @ 2026-03-22 21:09 魏zx 阅读(8) 评论(0) 推荐(0)
摘要: 一.测试 1.基本的HTML5格式是什么? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </html> 2.链接外部样式文件的格式 <link rel="sty 阅读全文
posted @ 2026-03-18 20:49 魏zx 阅读(5) 评论(0) 推荐(0)
摘要: 一、html、css和js三者在页面中的作用是什么 1.CSS层叠样式表 Cascading Style sheet 美化页面的作用 如何把样式联系到主文件里 <link rel="stylesheet" type="text/css" href="css/style01.css"/> 2.java 阅读全文
posted @ 2026-03-11 22:24 魏zx 阅读(8) 评论(0) 推荐(0)