HTTP 404或Not Found错误信息是HTTP的其中一种“标准回应信息”（HTTP状态码），此信息代表客户端在浏览网页时，服务器无法正常提供信息，或是服务器无法回应且不知原因。404恐怕是人们最不想看到的网页之一了，但看了下面的这12款404网页，大家会不会喜欢上它呢？温泉版404money版404简洁版404僵尸版404喵星人版404爱情药版404
......
345
0
0
2022-08-01
上期文章我们介绍了响应式设计的概念以及意义，本期我们将一起来看看要实现响应式设计所必需的web设计框架。1.FoundationFoundation 是一个易用、强大而且灵活的框架,用于构建基于任何设备上的 Web 应用。提供多种 Web 上的 UI 组件,如表单、按钮、Tabs 等等。2.BootstrapBootstrap是现在网上最流行的HTML、CS
......
769
0
0
2022-07-31
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。实现方法1. 将内容部分的底部外边距设为负数这是个比较主流的用法，把内容部分最小高度设为100%，再利用内容部分的负底部外边距值来达到当高度
......
487
0
0
2022-07-30
下面由桔子科技给大家分享一下网站设计的页面规范布局框架：1、页面框架WEB的页面框架是指构成完整页面的组织结构。通常是由以下三部分构成：Head，Main，Foot，有些时候出于布局的需要，在“Head”下面还会加上用于页面功能导航的“Menu”。2、布局原则对于WEB应用来说，页面布局是和web应用的功能区相对应的，并且对于页面中各个部分之间的切分比例也需
......
655
0
0
2022-07-30
只为电脑设计网站的日子已经一去不复返了。技术的发展和移动网站的普及，推动着网站设计师去重新思考他们的工作成果将如何在不同设备上呈现。想一想，你每天在手机和电脑上浏览网页的时间哪个更长？什么是响应式设计？简单说，响应式网站设计是一种允许设计和代码响应设备屏幕大小的方法。这意味着无论你使用的是4英寸安卓手机，iPad mini，还是40英寸的影院级显示器，你都将
......
414
0
0
2022-07-23
随着智能手机的普及和发展，人们停留在手机上的时间越来越长，APP的发展也越来越快。而对于移动开发人员来说，首要做的就是抓住客户的注意力，而一个简洁优美的界面和充满感觉的设计最能打动客户，所以移动网页设计是尤为重要的。除此之外，移动网页设计还要兼具一下两方面的功能，一个是功能直观明了，让用户不需指导就可以上手使用;另一个是为用户带来新鲜感，改变他们的生活方式。
......
453
0
0
2022-07-22
每当给移动端写网页的时候就会出现要兼容各种屏幕大小的情况。了解的rem之后，觉得挺不错的，决定尝试一下。原理提一下：1rem的长度等于 html的font-size大小，默认浏览器的html的font-size是16px,所以正常情况下1rem = 16px(chrome默认字体大小下限是12px);要想让网页内容随屏幕大小而等比放大和缩小，首先我得找个基准
......
657
0
0
2022-07-21
写在前面：本文主要内容是目前我所知道的切图技巧结合网上的资料，写出来分享一波。图文教程，多图！！BB：很多人都会说，切图这个活倒底分给UI还是分给前端。虽然好的UI会给我们把图切好，但是他们切的图不一定百分之百符合我们的需求，所以我一直都觉得这是页面仔必须要会的一项技能，因为只有你自己才会知道怎么切合适。况且这项技能根本一点都不难，所以还是自己动手丰衣足食比
......
446
0
0
2022-07-20
大家好，今天要给大家分享的是CSS实现垂直居中的几种方法，相信大家对元素的水平居中都非常了解了，如果是一个行内元素，就对它的父元素应用 “text-align:center”；如果是一个块级元素，就对它自身应用“margin：auto”。但是要对一个元素进行垂直居中，你能想到哪些方法呢？下面我给大家介绍几种基于不同场景实现元素垂直居中的方法，希望能对你有所帮
......
442
0
0
2022-07-19
大家好，今天跟大家分享的是CSS3动态日记翻页效果的实现方法，老规矩，先看效果翻开效果闭合效果接下来讲解具体操作步骤，相信观看过小编前几期教程的同学应该对CSS3的“rotate”属性都不陌生，在轮播图那期我们已经初步体验来它的效果，这一期主要用到的还是这个旋转属性。1、HTML结构：最外层的div(.book)主要用来调控日记本在页面的位置和添加一些立体效
......
594
0
0
2022-07-18
animate第一步，先上效果图animate第二步，直接上代码简单粗暴，其实css很简单，主要就是定位和层级自行理解哈，若有疑问可去142991222找小姐姐我
......
486
0
0
2022-07-17
我们在使用css来布局时经常需要进行居中，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，利用css来实现对象的垂直居中有许多不同的方法，比较难的是应该选择哪种正确的方法。比如我们都知道 margin:0 auto;的样式能让元素水平居中，而margin: auto;却不能做到垂直居中……下面就css居中的一些常用方法做个集中的介绍。首先是水
......
494
0
0
2022-07-13
css选择器相信大家都不陌生，每一个前端小伙伴从一开始接触前端就已经和它密不可分，今天我们就来整理一下css选择器的知识：严格来讲，选择器的种类可以分为三种：标签名选择器、类选择器，ID选择器。而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用。CSS选择器效率从高到低的排序如下：1.id选择器（#myid）2.类选择器（.myclassname
......
493
0
0
2022-07-12
每当我们打开网页失败的时候，会弹出404或是加载失败的页面，而此类页面如何能更好的展现给用户呢？让本身错误的信息变得有趣而生动呢？今天收集了一些有趣的404页面设计，值得大家一看哦~当我们找不到内容的时候，会产生落差或是，这时候就需要给用户卖萌，而有趣的404页面设计就能够更好的调节用户情绪，使网站更富有情怀，从而提高了用户体验。来自MICU设计
......
420
0
0
2022-07-03
触发异步样式下载的诀窍是使用一个 <link> 元素，并 为media 属性设置一个不可用的值 (我用的是 media=”none”, 不过其它的任何值也是可以的)。当一个媒体查询的结果值计算出来是 false 的时候，浏览器仍然会下载样式表，但是不会在渲染页面之前等待样式表的资源可用。<link rel="stylesheet" href
......
553
0
0
2022-06-30