逸控-优快云博客

原创如何使用HTML+CSS制作音乐盒

编写思想：1.分析结构为3个div标签以及h2标签，p标签，img标签制作完成，编写对应的标签并插入正文、图片完成H5的编写；2.先使用通配符选择器清楚默认的样式，比如外内边距，方便精确的控制，再定义最外层的div类名为one，使用类选择器添加CSS样式，由于标签有继承性，设置居中对齐text-align: center;对之后的内容也有效果，设置最外层div的宽高分别为220px，270px；3.使用后代选择器设置标题的样式，设置高度为50px，设置第二个div的下边框综合属性：颜色为灰色，虚

2022-01-30 23:46:40 2449

原创第三章动手实践

源代码：<!doctype html><html><head><meta charset="utf-8"><title>第三章动手实践</title> <style> h1{ letter-spacing: 15px; color: #666666; text-align: center; } h1 em{ color: #692CF4; font-style:

2022-01-26 22:19:27 2811 2

原创如何使用HTML5以及CSS3编写简单的搜索页面

编写思路：1.使用标题标签h2定义主题文字；2.使用2个段落标签<p>完成正文以及网址的插入，大致结构完成；3.使用em标签定义特殊文本，方便之后CSS调用选择器；4.标题先用标题选择器h2修改颜色为红色，增加下划线，定义字体粗细为默认值，再使用后代选择器修改颜色为蓝色，增加下划线，注意中间是空格分隔；5.正文中的特殊文本使用标签选择器em修改颜色为红色，使用font-style定义字体不倾斜；6.网址以及百度快照、好评先在em中定义类名，再使用类选择器分别修改颜色，以及

2022-01-26 00:58:10 854

原创如何使用HTML5以及CSS3制作美食专题栏目

编写思路：1.先准备好图片，使用图像标签<img>插入图片；2.使用两个段落标签<p>完善H5结构，插入正文；3.使用<em>标签对特殊文本“导语”“详情”“火宫殿臭豆腐”实现倾斜效果以及使用<strong>标签对“长沙”“18”实现加粗效果，至此H5结构完成；4.再用CSS美化页面，选用链入式，先建立一个后缀名为.css的文件，在H5头部标签<head>使用<link href="index.css" rel="styles

2022-01-24 16:57:49 1651

原创制作简单LOGO

编写思路：1.使用strong标签依次加粗logo，完成结构；2.使用CSS样式中的通配符选择器，此选择器可以匹配页面中的所有元素，来实现logo一次性修改字号大小；3.在H5结构中使用class定义类名，以及使用id进行标识，方便在CSS中引用，由于G和g、o和e颜色一致，所以可以定义为相同类名，使用类选择器，另外两个使用id选择器，需特别注意的是：类名的第一个字符不能是数字且严格区分大小写；id选择器只能只能定义一个id名，id名不要相同，方便之后 JS调用。4.在头部文件中编写CSS样

2022-01-23 20:48:02 1329

原创第二章动手实践

编写思路：使用图像标签img插入需要的图片，使其左对齐，设置图片水平边距为30px; 使用标题标签h2突出“Web前端开发工程师”，修改字体颜色为蓝色；使用段落标签<p>实现“技术要求”文字，修改字体颜色为蓝色；使用段落标签<p>实现正文，开头注意有缩进，使用特殊字符来实现空格缩进，使用下划线标签<ins>以及改变字体颜色来实现Web前端制作技术的突出效果；使用段落标签<p>来实现“更新时间”那一栏，更改字体颜色为蓝色，对于323数字先使用.

2022-01-22 22:53:02 639 1

原创使用HTML5代码实现图文混排

编写思路：准备好图片，使用图像标签<img />插入需要的图片；设置图片的水平边距hspce=”30”以及左对齐align=”left”以及width图片宽度属性；使用标题标签<h2>突出标题设置相关属性；使用段落标签<p>来实现三段文字，设置字号size，字体颜色color属性。源代码：实现效果...

2022-01-22 20:35:15 4342

原创使用HTML编写简单的新闻页面

编程思路：1.使用标题标签<h2>突出标题并居中；2.使用<p>段落标签实现“更新时间”独占一行，用<font>标签让字体改变颜色；3.使用<hr />水平线标签达到分割的目的；4.使用<p>段落标签实现正文内容；5.使用<font>标签改变要求的两处文字颜色。源代码：实现效果：...

2022-01-21 23:45:30 1133

原创简单的网页

代码代码效果

2022-01-21 22:44:15 314

m0_66563570的博客