前端
文章平均质量分 59
今夜鸣风
这个作者很懒,什么都没留下…
展开
-
【html-CSS布局】简单设计一个静态网页
2.rgb(值1,值2,值3)值的范围0~255如rgb(0,0,255)*cellspacing定义单元格之间的距离。3.#值1值2值3值的范围00~FF之间。1.数值width='20',数值的单位,默认是px(像素)*href指定访问资源的URL(统一资源定位符)*cellpadding定义内容和单元格的距离。*_blank在空白页面打开。*target指定打开资源的方式。*color颜色。*width宽度。*color颜色。...原创 2022-07-20 22:58:02 · 1766 阅读 · 0 评论 -
【HTML轮播图】
这次讲的是一个快捷设置轮播图,使用插件实现轮播图效果的方式。首先导航栏搜索bootstrap进入官网,版本选择v4,然后点击快速入门复制css文件和集成包的代码在head标签内部。复制完以上代码之后找到组件中的轮播选项,找到轮播代码设置的代码段,如图所示:完整框架和代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <..原创 2021-12-10 09:32:18 · 8455 阅读 · 0 评论 -
【小米商城首页简单设计】
效果如图,但做一个官网首页还需要设置轮播图和鼠标悬停和图片隐藏。首先是爬取素材利用F12查看网页布局和源代码,找到要爬取的图片链接以新标签页打开再保存即可。然后是搭建页面布局框架从图片可以看出这个官网总体是有四个大块,每个大块又分成多个小块,例如中间所占面积最大的主体部分就可以分为一个大框中有两个中框,第一个中框里面又有10个小框,其他布局以此类推。设置定位和偏移量素材和总体框架搭好之后需要把素材放到合适的位置,因此需要设置图片图标的大小和位置。前一篇已经讲过定位的基本方式,..原创 2021-12-10 09:20:30 · 2317 阅读 · 0 评论 -
【盒子嵌套和基本布局】
首先是盒子嵌套的一般步骤:定义两个盒子的样式之后,在body里面这样写: <div class="zuo">大盒子 <div class="gao">小</div> </div>这样大盒子就可以包裹住小盒子了,例如:这个盒子嵌套的代码如下:<!DOCTYPE html><html lang="en"><head> <met...原创 2021-12-07 16:04:15 · 10257 阅读 · 0 评论 -
【CSS选择器】图形编辑
首先准备好编写的一个HTMl文件——index.html和要建立链接文件style.css内容如下:<html><head> <title>摆弄形状</title> <!-- 我们应该在此<head>标记中链接什么文件? --> <link rel="stylesheet" href="./assets/css/style.css"></head><body>原创 2021-12-02 16:16:38 · 507 阅读 · 0 评论 -
这是还没使用css布局做出来的简易表单,里面涉及表单语法的简单运用。
这是还没使用css布局做出来的简易表单,里面涉及表单语法的简单运用。大体代码架构(详细代码在最后):<head> <title>XXX</title> </header> <div> <h1 align="center">……用户注册</h1 </div> <form action="" align="ce...原创 2021-11-30 16:51:35 · 441 阅读 · 0 评论 -
【前端开发之旅】简单实用HTML制作表格
实用HtML语言制作简单的表格。原创 2021-11-29 21:57:03 · 1329 阅读 · 0 评论