摘要: 目标 实现如图所示的同一面板内不同的字体大小。 实现 使用px实现 通常可能是分别指定一个固定的 font-size ,代码可能如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X 阅读全文
posted @ 2021-02-24 17:26 blogCblog 阅读(118) 评论(0) 推荐(0) 编辑
摘要: 目标 需要实现如下的效果 要求 要求内容能够自适应,比如添加步骤5、步骤6, 内容能够自动等宽,而不是手动修改width; 步骤之间的横线也要自适应,能够随着页面宽度的拉伸而伸长; 步骤数字能够自动计算,而不是手动修改添加; 良好的语义化 思路 页面布局使用 ul li; 步骤圆的效果使用 box- 阅读全文
posted @ 2021-02-24 02:57 blogCblog 阅读(4693) 评论(0) 推荐(2) 编辑