自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 JavaScript时间对象

方法作用说明getFullYear()获取年份四位年份getMonth()获取月份取值为 0 ~ 11getDate()获取天数不同月份取值也不相同getDay()获取星期取值为 0 ~ 6getHours()获取小时取值为 0 ~ 23getMinutes()获取分钟取值为 0 ~ 59getSeconds()获取秒取值为 0 ~ 59toLocaleString()获取完整时间2023/8/27 17:54:

2023-08-27 17:58:32 168

原创 CSS之渐变

渐变被用于很场景,最常见的是给图片添加渐变背景色,目的是突出图片上的文字,让文字看起来更加清晰。

2023-07-12 18:11:29 2479

原创 CSS动态效果之平面转换(2D转换)

很多时候为了让页面效果更丰富,会选择添加以下动态效果例如平面转换。

2023-07-12 13:11:15 529

原创 Favicon网页图标设置方法

我们在浏览网页时基础会看到网站名前面会有一个图标,那就是网站图标。

2023-07-09 13:58:19 785

原创 CSS初始化代码

在制作网页时基础需要将一些标签初始化,例如去掉默认内外边距、去掉列表的标签等等。一般在布局网页之前会先新建base.css样式表方便以后引用,这样做可以减少重复代码。

2023-07-08 18:45:42 276

原创 实战经验(6)轮播图

【代码】实战经验(6)轮播图。

2023-07-07 23:36:22 95

原创 CSS之修饰属性

之前我们学过background-color的rgba的透明度设置,这个设置只能让背景透明。而obacity却可以让背景和内容都透明。

2023-07-07 17:32:44 113

原创 CSS之过渡属性transition

【代码】CSS之过渡属性transition。

2023-07-07 15:14:12 198

原创 CSS之垂直对齐方式vertical-align

有时候我们会遇到图片和文字并排,但是图片靠上而文字靠下摆放布局混乱。因为浏览器将行内块和行内标签都当做文字处理,所有文字默认都按基线(baseline)对齐,图片底下有留白导致不整齐。因此我们引入vertical-align用于解决图片文字垂直方向的摆放方式。

2023-07-07 10:16:10 797

原创 CSS字体图标

展示的是图片,本质是字体。给网页添加颜色简单且单一的小图标。优点:可灵活修改图标大小和颜色,因为图标本质是字体,字体可以修改图标也可修改;体积小、渲染快,提升服务器请求速度;所有主流浏览器都可使用。精灵图颜色多样和结构复杂字体图标颜色单一结构简单。

2023-07-06 22:56:08 1510

原创 CSS之精灵图

我们查看网页会看到很多各种各样的小图标,这些小图标就是CSS精灵图。

2023-07-06 20:47:07 885

原创 CSS之定位position

想要制作一个好看的网页,定位能够起到关键作用。像上图底下的小圆点和两侧的按钮必须要利用定位才能实现。标准流:行内标签一行显示,块级标签换行显示。浮动:让标签在一行显示。flex:完成标签左右一行上下垂直显示的结构化布局。这三种布局都无法实现上图效果,因此下面详细介绍定位的作用及用法。

2023-07-06 16:04:46 203

原创 实战经验(5)页面底部版权制作

几乎每个网页底部都会有一个版权板块,下面详细介绍版权板块制作方法。

2023-07-05 13:36:38 3413

原创 实战经验(3)精品推荐制作

如果我们以后在制作网页是需要制作成这样的样式,我们可以参照以下做法。

2023-07-05 13:31:59 313

原创 实战经验(4)页面中部布局

以某网站为例,设置一个格子布局应该怎么做,下面具体说明。

2023-07-05 11:41:21 172

原创 实战经验(2)——banner侧导航制作技巧

在很多网站上经常看到像上图一样的侧边导航栏,怎样制作下面会详细说明。

2023-07-04 19:29:13 776

原创 实战经验(1)——头部导航栏制作技巧

一般网页logo不只是一个图片那么简单,它可以给用户提供网页跳转到首页的功能,更重要的是搜索引擎优化让百度搜索名更靠前。搜索框是一个供用户输入的表单框,需要用到input标签,至于搜索按钮就是一个背景图可用a标签或button标签制作。用户头像包含图片和文字,点击头像或文字都可以跳转到相应页面。导航栏其实就是几个超链接,目的就是为了跳转页面。

2023-07-03 21:56:05 5889 3

原创 CSS之flex布局

和浮动一样都用于网页布局,但flex比浮动要更强大。flex不会产生脱标现象,布局网页更灵活、更简单(推荐使用)。弹性容器+弹性盒子+主轴+侧轴。

2023-06-30 19:20:33 5353

原创 CSS之浮动

之前的文章有说到,现在的很多网页都不是按照默认的排列方式去布局网页,文档流已经不能满足网页布局详情。因此我们要使用更加高级的页面布局方式,常用的是浮动和flex布局。

2023-06-30 15:03:19 338

原创 CSS之标准流

文档流之所以会被淘汰,主要因为它存在很多问题,让布局效果变差以及增加开发难度。所以接下来了解一下文档流会出现哪些问题给开发带来哪些不变之处。文档流:也叫标准流,是标签在页面的默认排列规则。例如块级标签独占一行,行内标签一行显示。文档流里面的限制非常多,导致很多页面效果无法实现。块级标签和行内标签同时存在,文字内容跟随图片内容的底边进行对齐,导致两者高度上存在差异,页面效果极差。即使代码中输入了多个空格,但是在页面中只会呈现出一个。

2023-06-29 20:02:31 373 1

原创 CSS之圆角和阴影

在日常生活中我们可以看到很多主流网站都使用了圆角和阴影,目的是为了增加视觉效果,让看起来图片更饱满立体。很多网站的效果图都会设置阴影,这样子不仅显得更有层次而且还添加立体效果。日常生活中我们经常看到头像一般都设置成正圆形状,这样匀称且好看。很多时候我们可以看到许多按钮经常设置成胶囊形状。

2023-06-27 13:20:00 1248

原创 CSS之各种问题

我们在使用CSS时,会遇到各种问题。比如盒子被撑大、内容溢出、外边距塌陷等的问题,具体我们就来深入了解并解决这些问题。

2023-06-27 00:01:06 444

原创 CSS之清除默认样式

很多HTML标签都是有默认样式,比如标题标签、p标签等。这些标签都有默认外边距。如果不想要默认样式,可以选择清除。有序列表和无序列表前都有自带的项目符号,如果不想要可以选择清除。

2023-06-26 11:44:24 2002 1

原创 CSS之box model 盒子模型

box model:盒子模型,用于封装HTML元素,在设计和布局时使用。盒子模型从内到外可以分成四个部分,分别是margin、padding、border、content。

2023-06-24 18:05:06 319 1

原创 CSS之显示模式

【代码】CSS之显示模式。

2023-06-23 12:32:02 146 1

原创 CSS之背景

background-attachment:背景图片固定在页面某个位置,不会随着页面移动。和font属性一样,一般用于页面初始化。

2023-06-23 10:54:53 414 1

原创 CSS之文字样式

CSS字体属性定义字体,颜色、大小,加粗,文字等的样式。

2023-06-22 21:36:28 7883 1

原创 CSS之选择器

选择器是选取需设置样式的元素的模式,用来指定网页上我们想要样式化的HTML元素。

2023-06-22 15:09:42 4343 1

原创 如何将csdn上的文章保存为PDF?

【代码】如何将csdn上的文章保存为PDF?

2023-06-21 21:40:07 1692

原创 CSS之引用方式

【代码】CSS之引用方式。

2023-06-21 14:47:21 397

原创 HTML常用标签之表单form

表单在网页中主要负责数据采集功能。HTML中的标签,就是用于采集用户输入的信息,并且通过标签的提交操作,把采集到的信息提交到服务器端进行处理。

2023-06-21 14:02:33 11593

原创 HTML常用标签之表格table

表格由一对标签包裹,每一行由标签包裹,表头由标签包裹,行内容由标签包裹:表格默认没有边框,如果需要添加边框则需设置border,cellspacing="0"表示单元格之间距离为0

2023-06-20 23:11:25 2821

原创 HTML常用标签之列表

列表又分为有序列表、无序列表和自定义列表。不同的列表有不同的样式。

2023-06-20 21:46:43 59

原创 HTML常用标签之超链接

超链接可以是一个字、词、句、或一张图片。

2023-06-20 18:56:35 95

原创 HTML常用标签之图片、视频、音频标签

文章分别介绍了图片、视频、音频的添加方式。认识图片存储的绝对路径和相对路径。介绍了视频和音频的播放方式

2023-06-20 00:35:01 1048

原创 HTML常用标签之文本格式化、语义化、占位符

在网页中,有时需要为文字设置粗体、斜体或下划线效果,这就要用到文本格式化标签。

2023-06-19 23:16:45 1011 1

原创 HTML常用标签之标题、段落、换行和水平线标签

文字汇总了html常用的标签,分析了各类标签的使用特点,并演示代码给出运行截图,让读者更容易阅读理解。

2023-06-19 22:59:14 1200

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除