网页制作 第8页

前端开发必备: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个网页设计欣赏
今天的网页设计,在字体上面往往喜欢展示非常大的字体。这些开放的网站,将文本尺寸放大到极致!这个超大字体设计巧妙地扮演着两种角色,它介绍了网站标题,同时也形成
即将成为主流的2015—2016交互体验趋势
五月份最重量级的交互设计文!今年百度的设计师们从体验角度出发,结合大量现有报告和资料,寻找那些已经崭露头角,并且会在今年形成一定规模的交互体验趋势。与去年
一枚设计师再吐槽锤子官网
去年那封公开信火得一塌糊涂,甚至惊动到老罗,木想到今天作者又出新篇了,槽点依旧犀利,不过只有强迫症设计师才找得到>>>:文案啰嗦、前端奇葩、流程混乱和人才缺失
推荐一个前端工程师做的超酷交互式网站
网站链接:http://strml.net/作者:SamuelReed小提示:经过昨天在朋友圈测试,发现直接在微信自带浏览器中访问该站点会闪屏,并且有些安卓手机无法横屏。所以【建议】
网页改版的7大要素分享 网页改版有哪7大要素
ShopifyPlus是我们创立的电商平台的企业版。2014年2月发布,如今仍然是第一版。我想是时候改版了。经历了一年多,我们对客户与自身都有更深入的了解。陈旧的品牌已
网页宽度自动适应手机屏幕宽度的实现代码(viewport)
一般的写法如下:XML/HTMLCode复制内容到剪贴板较多的写法:XML/HTMLCode复制内容到剪贴板1.<metaname="viewport"content="width=dev
借贷宝怎么推广让大家都来注册呢? 借贷宝推广方法技巧
借贷宝是一款最近较火手机借贷软件平台,特色在于熟人之间的借贷,这样既安全放心又方便,不过想要借钱贷款,那你亲朋好友肯定也要用才行,不行那也是白搭呀!下面小编
如何选购完美芦荟胶?完美芦荟胶辨别真假的方法技巧
最新的完美芦荟胶包装盒上有新的防伪标示图标,上面是完美的英文字母为红色字体。下面有透明的P字体,当用红墨水滴入上面后字体全部显示,当滴入清水后P字体消失。下
专题页设计的5个基本功(阿里巴巴UED 山木)
这个主题是2012年下半年的一次内部分享,迟迟未形成文章,马上过年了赶紧整理起来,顺便给视觉设计师们拜年了!!!我自己内心的一个呼唤,明年脱离“苦逼”二
前端开发必备常用工具函数小结
1、时间格式化等方法推荐使用moment.js的库文件2、模板、循环、MAP等方法使用underscode.js的方法3、表单序列化成JSON复制代码代码如下:$.fn.serializeJson=func
关于favicon.ico的两三事(最好就是放根目录)
随便打开一个网页:比如http://www.baidu.com/可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico.由于这篇文章主要讨论favic
分享10个最新的Web前端框架(翻译)
在Web开发的世界里,框架是很常见的东西,甚至每天都有新的框架和模板产生,你很难对它们都了解,你也很难决定应该使用哪一个框架。前端Web框架的本质就是JavaScript
分享15个最佳的HTML/CSS设计和开发框架
专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能,还可以大大地节省时间和精力。高效的框架不仅是网
关于启用 HTTPS 的一些经验分享
随着国内网络环境的持续恶化,各种篡改和劫持层出不穷,越来越多的网站选择了全站HTTPS。就在今天,免费提供证书服务的Let'sEncrypt项目也正式开放,HTTPS很快就会成
人人必知10个网站易用性技巧
废话不多了说了,直奔主题了。1.给logo添加替代文本这样有两个好处:屏幕阅读器能识别logo图片代表的含义,图片未加载到时,也能告诉非视障用户那里是你的logo。几种
CSS3实用方法总结(推荐)
1.圆角边框:CSSCode复制内容到剪贴板border-radius:4px;2.box阴影:CSSCode复制内容到剪贴板box-shadow:5px5px3px#000;/*参数分别为向右拓展距离,向下拓展距离,阴
浅谈前端制作中,IE6还有必要兼容吗
国内市场对IE6~7支持还有一定需求,但对于一个前端开发者,我们应该去推动这个行业向前发展,而不是一味迁就、妥协。曾经,能够提供支持老版本IE是一个前端开发者的必
浅谈JavaScript中浏览器兼容的问题
浏览器兼容性问题是在实际开发中容易忽略而又最重要的一部分。我们在讲老版本浏览器兼容问题之前,首先要了解什么是能力检测,它是来检测浏览器有没有这种能力,即判
浅谈HTML5与HTML4的10个关键区别
HTML5是HTML标准的下一个版本。越来越多的程序员开始HTML5来构建网站。如果你同时使用HTML4和HTML5的话,你会发现用HTML5从头构建,比从HTML4迁移到HTML5要方便很多
深入理解HTML5在移动开发方面的发展现状
“我们正在用HTML5编写我们下一套移动产品。”“是啊,这些天很多人在玩着Appcelerator,我也在玩着。”“嗯,但这并不是我要说的那种HTM
css前端知识点总结(必看篇)
1、css的概念:(CascadingStyleSheet级联样式表)优点:1.内容与表现分离。(用网页的内容xhtml就可以与表象分开)2.表象统一3.丰富的样式4.减少网页代码5.运用独立于
那些你所不知的CSS ::before 和::after 伪元素用法
CSS有两个说不上常用的伪类:before和:after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了CreativeLinkEffects这个非常有意思的介
Web开发中盒子居中的几种方法
一、记录下几种盒子居中的方法:1.0、margin固定宽高居中;2.0、负margin居中;3.0、绝对定位居中;4.0、table-cell居中;5.0、flex居中;6.0、transform居中;7.0、不确
你知道url中的特殊符号含义么(比看篇)
1.##代表网页中的一个位置。其右面的字符,就是该位置的标识符。比如,http://www.example.com/index.html#print就代表网页index.html的print位置。浏览器读取这个
关于遇到的浏览器兼容问题及应对方法(推荐)
前言:上周天的时候有个学长找我帮忙做三张页面,因为没有数据交换之类的,只是单纯的前端页面,想着好久没做东西,看书都看烦了,所以就接了也当是练手。之前因为没有
Web前端开发工程师需要掌握的核心技能
Web前端开发所涉及的内容主要包括W3C标准中的结构、行为和表现,那么这三项中我们需要掌握的核心技能是什么呢?1.开发语言HTML发展历史有二十多年,历经多次版本更新
Sublime Text—设置浏览器快捷键的方法推荐
在不同浏览器查看代码效果可谓是家常便饭,所以用不同快捷键打开相应浏览器可以大大提高工作效率。介绍个简单的方法只需二步:一、安装插件SideBarEnhancements打开
关于各类HTTP 返回状态代码详解
如果某项请求发送到您的服务器要求显示您网站上的某个网页(例如,用户通过浏览器访问您的网页或Googlebot抓取网页时),服务器将会返回HTTP状态代码以响应请求。此状
CSS样式表与格式布局详解
样式表CSS(CascadingStyleSheets层叠样式表),作用是美化HTML网页。内联样式表:例:内联样式表内嵌样式表:必须写在head标签里例:p{样式
网页头部优化建议
logo优化:1.logo图片尽量小。2.一般情况下是作为背景放入的。2.肯定加h1标签(提权)4.搜索引擎对文本链接最友好。1234565.可以利用text-indent:-9999em;隐藏文字,
关于a href传参的中文乱码问题
当需要href进行传参,参数为中文时,会出现乱码问题,最简单的方法是:传入的值首先用escape()进行加密,然后在取值页面用unescape()解密,亲测有效。网上查了一下还有
CSS3的几个标签速记(推荐)
border-radius:CSS3圆角语法:border-radius:25px;椭圆边角:语法-border-radius:xx%;或者15px/100px;box-shadow:CSS3盒阴影语法:box-shadow:5px5px10px#eee;bor
响应式布局总结(推荐)
响应式布局的开发基础知识本章主要分为以下几个部分•正确理解响应式设计•响应式设计的步骤•响应式设计需要注意的问题•响应式网页布局实现原
web网页开发面试笔试必备小知识(必看)
HTML中行内元素与块级元素的区别:在标准文档流里面,块级元素具有以下特点:①总是在新行上开始,占据一整行;②高度,行高以及外边距和内边距都可控制;③宽带始终是与
响应式设计你需要了解的知识点
响应式设计就是在网站开发过程中根据用户操作以及设备的环境进行相应的操作和布局,让网站针对不同系统平台、屏幕尺寸、屏幕定向等进行智能化调整,进行相对应的布
浅谈响应式设计
1.什么是响应式设计?响应式设计就是在网站开发过程中根据用户操作以及设备的环境进行相应的操作和布局,让网站针对不同系统平台、屏幕尺寸、屏幕定向等进行智能化
关于CSS absolute与relative不得不说的话
写在开篇:absolute说:“relative,我这辈子都不想看见你!”为什么呢?它们明明那么相亲相爱,形影不离,这之中到底发生了什么不为人知的故事,竟然让absolu
浅谈网页颜色的搭配技巧(前端必看)
一般来说,网页的背景色应该柔和一些、素一些、淡一些,再配上深色的文字,使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背
关于HTML面试题全部汇总
一、doctype的作用,严格与混杂模式的区别,有何意义1、语法格式:2、不是Html标签,而是告知浏览器此页面使用哪个HTML版本进行编写的指令3、html4.01中有如下三种模
html、css基础注意点(前端必看篇)
之前第一次接触html,一直使用table进行布局,十分麻烦还相当丑陋,造成当初并没有多大的兴趣,直到半年前开始接触到了使用div+css编写页面,才对它有了兴趣。作为一个
前端AI切图小技巧(心得)
AI切图需要配合PS,首先选中需要切片的图层,然后拖动到PS的新图层,然后在PS用切图工具切图。(原因AI的切图不方便,没有PS的切图好用。)这里的AI版本是cs6。PS:1.选
浅谈网页中的字体的设置
设置全站的字体一直是一个简单而又不简单的事,因为深入下去,这里面牵扯到太多的东西。本文主要是想说说对于一个普通的网站,如何根据自己的需求选择字体。1、必备
浅谈H标签定义和注意事项
从结果来看定义标题没有固定的模式,感觉都比较随意。仅从SEO方面来说,只需要留意在h1,h2,h3中出现关键词就行了,从Web标准来说使用div定义都没有错。这就说明一个
设置块元素居窗口中间的位置实现方法
设置块元素居窗口中间的位置实现方法以上这篇设置块元素居窗口中间的位置实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本
兼容IE6的min-width、min-height的简单方法
如果一个站是宽屏的,你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变,而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条,网站宽度就不会再减小了,我
浅谈浏览器的兼容模式下的button中文字垂直方向不居中显示
XML/HTMLCode复制内容到剪贴板删除这时候垂直不居中。XML/HTMLCode复制内容到剪贴板<buttonstyle="cursor:pointer;
关于审查元素与查看网页源码的区别
不知道大家发现没有,当我们用chrome浏览器打开任意一个网页,右键单击页面有两个很相似的选项就是查看网页源代码以及检查(审查元素)。之前我一直认为这两个选项是
总结一下时下流行的浏览器User-Agent大全
一、基础知识篇:HttpHeader之User-AgentUserAgent中文名为用户代理,是Http协议中的一部分,属于头域的组成部分,UserAgent也简称UA。它是一个特殊字符串头,是一种向
手机网页wap用Bootstrap还是jQuery Mobile
解决问题Bootstrap是一个css框架,针对解决的问题有:跨设备的网页响应式布局问题。随着手机、平板、各分辨率屏幕的出现,如何能够一套前端在所有设备上自由适应?多
浅谈.html,.htm,.shtml,.shtm的区别与联系
大家都知道,我们每天浏览的网页或者网站或者web页都有自己的后缀名,而不同的后缀名则对应着不同的文件格式和不同的规定、协议、用法,其中最常见的后缀名是.html和