网页制作 第15页

前端开发必备:12款浏览器兼容性测试工具推荐
对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起

自己在实践中遇到的一些前台基础(html、css)
1.divcss鼠标变手型是cursor:pointer;2.html相对位置和绝对位置布局注意:absolute说当position属性设为absolute后,总是按照浏览器窗口来进行定位的,这其实是错误

页面包含img src时的重复载入问题
当页面中保含的时候,会导致当前url地址的页面被重复载入。因为在img对象的src属性是空字符串("")的时候,浏览器认为这是一个缺省值,值的内容为当前网页的路径。浏

25种提高网页加载速度的方法和技巧
引言不是所有人都能够使用高速Internet连接。即使每个人都能够使用高速网络,也会因为各种各样的原因使您的Web应用程序看起来运行缓慢。在这个宽带速度不断提高的

CSS在使用中的高级技巧(在实战中会用到)
一、ul标签在Mozilla中默认是有padding值的,而在IE中只有margin有值。二、同一个的class选择符可以在一个文档中重复出现,而id选择符却只能出现一次。对一个标签同

浅析制作404错误页面时应该注意的问题
在做网站优化时我们要学会利用错误页面,例如我们网站可能出现的404错误页面,下面就给大家讲一下制作404错误页面时应该注意的问题:1、制作的404页面不要出现200状

清除css、javascript及背景图在浏览器中缓存的简单方法
在实际项目开发过过程中,页面是上传到服务器上的。而为了减少服务器的压力,让用户少加载,浏览器会将图片、css、js缓存到本地中,以便下次访问网站时使用。这样做不

美妆造型类网站 颜色搭配技巧的方案及效果展示
对任何网站来说,颜色都是最重要的元素之一,对观众有着巨大的影响,因而对颜色的挑选和研究有着重要的意义。不论你选用哪一种调色板,它都应该要很好地反映出你的意

页面出现滚动条的时候如何让滚动条不影响页面宽度
设置body的宽度为window的宽度(以下脚本控制)$("body").css("width",$(window).width());同时设置body的overflow(样式里写)body{overflow-x:hidden;}ps:同理,div

禁用IE10的密码明文显示和快速清除功能的方法
IE10针对及分别提供了快速清除钮(X图标)以及密码文字显示钮(小眼睛图标)的功能:快速清除钮可取代触控进行全选并删除的一连串复杂动作,而密码显示钮可协助用户确认

Chrome浏览器的自动保存密码提示功能禁用方法
说明,在网页开发中,在表单中加入autocomplete="off"后,IE和FF不会提示保存密码,但是用Chrome浏览器登录系统时,会弹出自动保存密码的提示,从安全的角度考虑,需要禁

base target=""规定基本链接的目标打开框架
是将基本链接的目标框架都改为新页打开,如果对HTML、CSS和JS不是很熟悉,不建议使用这种方法,改为独立控制。其实、等很多标签都支持target="black"的属性,建议在这

系统之外的字体引用及过渡效果
复制代码代码如下:1、外部字体引用:用font-face来引入字体有的时候,会用到一些系统里没有

怎么设计响应式WEB?响应式WEB设计的优缺点
近期在学习有关响应式设计的内容,对此做了些整理,部分图片来源于网络。1、为什么需要响应式web设计由于目前移动设备的大量使用,以及PC显示器的尺寸逐渐出现较大差

博客园CnBlogs自定义博客样式分享
弄了半个晚上的时间,总算马马虎虎搞好了博客的样式。整个博客是蓝色的基调,比较激情,我喜欢。比较郁闷的是,rightmenu和main都是position:absolute布局的。要添加

Bootstrap之所以广泛流传的11大原因
前言当下最流行的前端开发框架Bootstrap,可大大简化网站开发过程,从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Tw

Bootstrap3.0学习笔记之入门篇
作为本学习笔记的第一篇,开篇之作,我们还是跟其他系列的文章一样,先来点Bootstrap的介绍,再循序渐进吧。前言在上一节中https://www.jb51.net/web/248352.html主要

Bootstrap3.0学习笔记之栅格系统原理
通过前面两篇文章的简单介绍,大致对于Bootstrap有了初步的了解。由于自己也只是想通过Bootstrap官网来进行简单的学习,自己能够随便搞个不是太搓的页面就可以了。

Bootstrap3.0学习笔记之栅格系统案例
前言在前面的一篇文章当中,我们主要学习了栅格系统的基本原理,以及通过简单案例进行对原理的实践。那么本文的主要内容将主要分为以下几个部分1.栅格选项2.从堆叠

Bootstrap3.0学习笔记之页面布局
本次主要来了解的是布局,这个大部分在HTML的基本标签中也是存在的,所以相对比较简单,为了保证系列的完整性,也顺带复习下,还是记录一下。主要内容如下:1.标题2.页

Bootstrap3.0学习笔记之表格相关
本文主要讲解的是表格,这个其实对于做过网站的人来说,并不陌生,而且可以说是最为常用的各种列表的展示,有时候也会因为用户或者老板的需求而感到头疼。下面我们来

Bootstrap3.0学习笔记之按钮的样式
本文主要讲解的是按钮的样式。1.选项2.尺寸3.活动状态4.禁用状态5.可做按钮使用的Html标签6.总结选项使用上面列出的class可以快速创建一个带有样式的按钮。复制代

Bootstrap3.0学习笔记之特殊的效果(显示隐藏、消除浮动、关闭按
本文学习的内容主要如下所示:1.关闭按钮2.Carets3.快速设置浮动4.内容区域居中5.清除浮动6.显示或隐藏内容7.针对屏幕阅读器的内容8.图片替换9.总结关闭按钮通过使

Bootstrap3.0学习笔记之CSS相关补充
本文学习的内容主要如下所示:1.浏览器支持2.图片3.响应式工具4.遇到的问题5.总结浏览器支持Bootstrap的目标是在最新的桌面和移动浏览器上有最佳的表现,也就是说,

Bootstrap3.0学习笔记之按钮与下拉菜单
前面的文章算是把BootstrapCSS部分简单的学习了一遍,应该忽视了比较多的细节问题。不过大部分的内容我都过了一遍,并且用代码实现了一遍,而且看到了真实的效果。挺

Web前端开发中找错的基本思路
WEB开发主要是两个交互(B/S数据)浏览器:1包含html、css、js等客户端代码运行错误。传输端:1路径引入错误,常用插件的引入(artDialog、Ztree、JQuery等)、图片路径

深入理解指定IE浏览器渲染方式
以上代码告诉IE浏览器,无论是否用DTD声明文档标准,IE8/9都会以IE7引擎来渲染页面。<metahttp-equiv="X-UA-Compatible"content="IE=8"/

让网页自动调用双核浏览器的极速模式(Webkit)
代码示例在head标签中添加一行代码:XML/HTMLCode复制内容到剪贴板</bod

如何设计制作自适应网页
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上

HTTP协议中状态码的含义
表示临时响应并需要请求者继续执行操作的状态代码。代码说明100(继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。10

0.1秒的价值!浅谈Web前端页面提速问题
记得面试现在这份工作的时候,一位领导语重心长地谈道——当今的世界是互联网的世界,IT企业之间的竞争是很激烈的,如果一个网页的加载和显示速度,相比别

比Bootstrap还更强大的前端框架:Toolkit
注:目前比较流行的前端框架有Bootstrap、Foundation,这两都有着常用的网页设计组件,并且兼容移动设备,深受大众喜爱,但如果你认为这两个框架的组件依然不够用的话

Meta声明标注步骤
Meta声明标注步骤:1.梳理所有与手机页存在一一对应关系的PC页,用于添加Meta声明;无对应关系的PC页面无需添加Meta。2.Meta声明的格式:<metahttp-equiv=”mob

高性能网站优化指南
性能黄金法则:只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。规则1减少HTTP请求可以通过使用图片地图,C

网页设计师必须get的7项技能
网页设计既是一门科学也是一门艺术。网页设计工作一半基于正确的编程和设计技巧,另一半则基于是否对美与不美有着直觉般的敏锐度。一名称职的网页设计师一定要熟练

黑白灰低调大气范的网页设计欣赏
在经典配色中,可能每个人都不会否认黑白灰的永恒魅力。虽然人们总是想“outstanding”,眼球抢夺,注意吸引……但想要把用户永远留住,除了第

Apple Watch 交互设计中四个全然不同以往的经验揭密
今天仍是Watch应用设计案例。我很喜欢案例学习,所以不会介意连续三周来做相同的话题。下面进入译文。Wallaby是一款个人财务app,可以在你购物时根据不同的场所帮你

有7年实战经验的前端主管带队经验分享
今天这篇过来人的宝贵经验,作者有过7年的技术管理经验,最多时带了80+人,现就任于360,这篇是多年工作总结出的亲历体会,绝对不是鸡汤>>>本文作者@十年踪迹,未经作者

交互设计和心理学之间的18条奇妙联系
设计师要懂心理学读书笔记设计师要懂心理学这本书很有趣,首先它很简单,任何对设计感兴趣的读者都可以轻松阅读并理解,其次它很真实,能给设计师带来一些好玩的回忆

创业公司精雕细琢的17个优秀网页设计
创业公司常常能给我们带来惊喜,不拘一格的工作方式,别开生面的商业模式,独树一帜的产品和服务,个性十足的工作控件,集设计、野心、创意于一体,它们就是这么令人着

未来最成功的公司是技术公司还是设计公司?
摩尔定律不再适用从2004年伟创力(Flextronics)收购Frog设计公司开始,过去10年间,越来越多的技术公司争相收购创意企业。举个例子,谷歌麾下坐拥多家工业设计公司,而

让人想亲自体验的17个404页面
对404都是避之不及,何来体验之说?原因可能是大多数404页面都太粗糙了,而今天这组404页面,绝对能颠覆你之前一切对404的看法>>>BlueDanieldariobrozziMashableTemp

把握登录界面易用与安全的平衡的方法
不论是网页设计师还是UI设计师,登录和注册页面的设计是必然经历过的工作内容。登录界面的设计说难不难,说容易也不是那么轻松就可以做好的,要在安全和可用性之间找

网页设计与西方建筑的发展历程有何相似之处
历史总是惊人的相似。西方建筑和网页设计同为工程与艺术的综合体,两者的发展历程如此之相似,和以下四个因素有着不可分割的关系:都为用户提供了一个场所都借助工程

高效导航设计三原则 网页设计师必知
为网站设计导航就如同为房子打基础。如果地基不牢靠,再壮观的设计也无法掩盖建筑结构的潜在风险,其实网站也是如此,如果想让网站拥有优秀的用户体验,良好的转化率

网站设计效果体验 之七种不同的色系
网站建设中的色彩搭配是大有讲究的,它可以在无形中为一个网站添加各种信息,包括网站主题、情感、氛围的表达等,网站设计色彩的搭配牵动着用户的体验,不同行业对网

最棒的9个国外免费图片素材网站
好的图片素材网站很难寻找到的。特别是免费的。好的照片都是有非常引人注目的视觉效果。如果你去一些很普通的图片网站,这些图片都没有背后的故事,这会让人觉得这

让一个网站看起来高大上且更有设计感的方法介绍
“如何让一个网站看起来高大上?或者更有设计感?”很多同学关心这个问题,魅族的产品体验设计师@陈希_CHRISCHEN在知乎上回答了这个问题,并总结了四点超实

巧用扁平化风格来设计网站的方法
扁平化的网站结构是以简单为精髓,突出内容重点为主,减少或者去掉页面的装饰效果,用抽象、极简以及符号化来代替网站酷炫的展示方式,让页面看起来更为干净美观。但

超大字体排版的40个网页设计欣赏
今天的网页设计,在字体上面往往喜欢展示非常大的字体。这些开放的网站,将文本尺寸放大到极致!这个超大字体设计巧妙地扮演着两种角色,它介绍了网站标题,同时也形成

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。