三秒神-CSDN博客

原创 H5 基础实战练习（7.3）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第四部分，三小部分）

在第四部分内创建第三小部分并将div以ahead-copy clearfix命名，且分为上左右三部分，上部分和第二小部分的上部分做法相同，左边为轮播图我们用背景图片代替，右边是列表标签。ahead-colum命名上边的最先报道，之前做过样式了直接用就可以了。给左边的一个背景颜色以及高度宽度（496px、895px）右边给个10px下边距，第四部分，第三小部分。

2024-07-10 13:38:15 190

原创 H5 基础实战练习（7.1）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第四部分，一小部分）

先搞一个div用来存放第四部分并命名为ahead-concent-bottom，写在第三部分后面，右侧为列表（ul li），span标签内写a标签，并在span下面并列写p标签,并写上各自的内容。在第四部分的div内再写个div用来存放第一小部分的内容，命名为ahead-copy，右侧部分也需要容器（div），并命名为ahead-list 给予右浮动，宽度48%。将li的底部做一个2像素，点线，#c72722的颜色，行高32像素，外下边距10px。给li做个行高36px，给个图片并让图片不重复，居中。

2024-07-04 01:23:15 305

原创 H5 基础实战练习（6）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第三部分）

在第二部分后面在创建一个div，并命名为ahead-title，在ahead-title这个div中创建a标签并命名ahead-titlek写入内容扎实抓好主题教育为奋进新征程凝心聚力。先设置第三部分背景颜色以及边距上15px，右左0，下20px。设置a标签：行转换块、宽度、文字：字号、颜色并水平居中。设置a标签使鼠标放置其上层时出现下划线。接下来咱们写c3样式。

2024-07-02 14:15:00 132

原创 H5 基础实战练习（5）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第二部分）

然后我们写：ahead-nav-box里面的内容左右01，03放入背景图设置不重复，设置01，03高度为68px，宽度为25px，设置01左浮动，03右浮动。ahead-nav-box这个导航栏又分为三部分，左右两张片命名为ahead-nav-box01、ahead-nav-box03，中间则是内容命名为ahead-nav-box02并写入内容。我们命名为ahead-nav-left、ahead-nav-right，中间有一个绝对定位的导航栏我们命名为ahead-nav-box。现在代码所完成的示例图。

2024-07-01 18:49:03 267

2301_81948351的博客

原创 H5 基础实战练习（7.3）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第四部分，三小部分）

原创 H5 基础实战练习（7.1）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第四部分，一小部分）

原创 H5 基础实战练习（6）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第三部分）

原创 H5 基础实战练习（5）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第二部分）

原创 H5 基础实战练习（4）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（第一部分）

原创 H5 基础实战练习（3）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（网页基本划分(可以分为5部分)）

原创 H5 基础实战练习（2）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（熟知的样式）

原创 H5 基础实战练习（1）“学习二十大永远跟党走奋进新征程”主题教育实践活动网页（熟悉h5）

空空如也

空空如也