2026年6月25日
数字小圆角
摘要： 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .containers{ height: 48px; display: flex; } div[cl 阅读全文
posted @ 2026-06-25 08:58 Yyy1128 阅读(4) 评论(1) 推荐(1)
如何制作圆角
摘要： 一、核心属性： border-radius 普通矩形圆角（方块切圆角） 语法： border-radius: 数值; 数值越大，圆角越圆润，单位 px 点击查看代码 /* 四个角统一 10px 圆角 */ .box { border-radius: 10px; } /* 四个角分别设置：左上 右上 阅读全文
posted @ 2026-06-25 08:55 Yyy1128 阅读(9) 评论(1) 推荐(1)
2026年4月30日
文本折行
摘要： 文本折行：文字宽度超过盒子宽度，自动换到下一行。 省略号 ... ：文字太多不想折行/不想显示多行，超出部分隐藏，末尾变成三个点。 1.单行文本省略 核心就是强制不折行 + 超出隐藏 + 省略号： 2.多行文本折行：文字超出盒子宽度，自动换行变成好几行。 点击查看代码 <!DOCTYPE html> 阅读全文
posted @ 2026-04-30 09:25 Yyy1128 阅读(14) 评论(1) 推荐(1)
垂直居中
摘要： Flex 布局（现在开发 90% 场景都用它） 这是最简单、兼容性最好、支持单行/多行文本的方案，()。 核心原理： 给父容器开启 display: flex ，再用 align-items: center 控制子元素在交叉轴（垂直方向）居中。 点击查看代码 <!DOCTYPE html> <htm 阅读全文
posted @ 2026-04-30 09:21 Yyy1128 阅读(23) 评论(1) 推荐(1)
2026年4月22日
方式3
摘要： 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文
posted @ 2026-04-22 17:09 Yyy1128 阅读(11) 评论(1) 推荐(1)
方式2
摘要： 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文
posted @ 2026-04-22 17:08 Yyy1128 阅读(8) 评论(1) 推荐(1)
三种表达方式1
摘要： 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin:0;padding:0} .top{ margin:0 auto; width:1200px; height:24 阅读全文
posted @ 2026-04-22 17:08 Yyy1128 阅读(22) 评论(1) 推荐(1)
2026年4月17日
制作加笔记
摘要： 点击查看代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>课后作业</title> <style type="text/css"> /**{margin: 0; padding: 0;}*/ /*把所有元素内外边距消零*/ 阅读全文
posted @ 2026-04-17 17:05 Yyy1128 阅读(8) 评论(1) 推荐(1)
2026年4月12日
布局
摘要： 点击查看代码 T型布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>T型布局</title> <style type="text/css"> .top{ margin: 0 auto; width:1000px ; heig 阅读全文
posted @ 2026-04-12 18:52 Yyy1128 阅读(12) 评论(1) 推荐(1)
2026年4月9日
4月9日
摘要： 4月9日 一、本身并没有什么意义，可以当作普通的元素，在CSS和JavaScript调用 二、(1)行内元素：、、、、 ​ (2)块级元素：、、、、 ​ (3)空元素：、、 三、如何设计元素之间的转换 (1）、display:block转为块元素。独占一行，行宽高、外边距、内边距都可以设置 (2）、 阅读全文
posted @ 2026-04-09 19:19 Yyy1128 阅读(7) 评论(1) 推荐(1)
下一页