你的位置:首页 > 网页设计
Pro HTML5 Programming(Second Edition)2.Canvas API(1)
1.在使用HTML5的Canvas元素时,考虑到有些浏览器不支持canvas元素,或是不支持HTML5 Canvas API中的某些特性,开发人员最好提供一份替代代码。 以下代码展示如何在canvas中指定替代文本,当浏览器不支持canvas的时候会显示这些替代内容:  < ...
JavaScript_Html5_LocalStorage项目demo
项目中localStorage实用项目中h5本地存储的一个小实用,本意使用cookie,但发现chrome调试被禁用,便用了localStorage.此需求是一贴吧搜索页,在新用户第一次点击搜索框时为搜索页面,老用户点击搜索框时带有搜索记录,实现方法为在点击搜索按钮时便为用户创建 ...
Html5 设置菱形链接菜单
2016-12-07 00:00:07

Html5 设置菱形链接菜单

本例是采用html5+css3.0设置的菜单链接。其中主要用到了以下几个方面:1. CSS3.0中的2D变换,如:旋转transform:rotate(45deg);移动,放大transform:rotate(-45deg) scale(1.2,1.2) translate(10 ...
H5与CS3权威上.5 绘制图形(1)
1.canvas元素基础知识  (1)在页面上放置canvas元素,相当于在页面上放置一块“画布”,可以用Javascript编写在其中进行绘画的脚本。  (2)在页面中放置canvas元素    eg: 1 <!DOCTYPE html> 2 <html la ...
浏览器内核(四种内核)
浏览器内核有很多种,主流的有四种,这四种内核分别是Trident,Gecko,webkit,prestv。 Trident----IE, Gecko----fi ...
XML约束之DTD
2016-12-06 22:00:04

XML约束之DTD

一、DTD约束:  (1)dtd的元素约束   DTD(Document Type Definition),文档类型定义,用来约束   格式展示:  <!ELEMENT students (student+)><!ELEMENT student (name,ag ...
CSS3与页面布局学习笔记(二)——Box Model、边距折叠、内联与块标签、CSSReset
一、盒子模型(Box Model)盒子模型也有人称为框模型,HTML中的多数元素都会在浏览器中生成一个矩形的区域,每个区域包含四个组成部分,从外向内依次是:外边距(Margin)、边框(Border)、内边距(Padding)和内容(Content),其实盒子模型有两种,分别是 ...
less之旅
2016-12-06 17:00:08

less之旅

在遇到less之前,一直和css交往,当less出现在我码农生涯的时候,被她给深深地吸引。从此,less成了自己码农生活里面的一房,css退居二房!那么,less到底有什么魅力让我如此迷上她呢?less初识Less是一门CSS预处理语言,它扩展了CSS 语言,为CSS赋予了动态语 ...
移动WEB viewport 相关知识
2016-12-06 12:00:15

移动WEB viewport 相关知识

了解移动web viewport的知识,主要是为了切图时心中有数。本文主要围绕一个问题:切图时怎样设置<meta name="viewport">相关参数?围绕这个问题对viewport展开讲解。一、viewport【此处的viewport即lay ...
IE7,6与Fireofx的CSS兼容性处理方法集结
CSS对浏览器的兼容性有时让人很头疼,尤其是对于IE6这个问题多多的浏览器版本,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下。对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYP ...
css的几种垂直水平居中方法
总结了几种css居中实现的方式,注:*为常用方式,“wrap”为容器,“div”为要居中的元素。*1.绝对定位,宽高都已知的情况下如下代码可实现,或者可以使用negative margins;.div { width: 200px; height: 200px; marg ...
CSS3与页面布局学习总结(四)——页面布局大全
一、负边距与浮动布局1.1、负边距所谓的负边距就是margin取负值的情况,如margin:-100px,margin:-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见的功能如下:1.1.1、向上移动当多个元素同时从标准流中脱离开来时,如果前一个元素的宽度为 ...
清除浮动float那点事儿
2016-12-05 22:00:09

清除浮动float那点事儿

抛弃那些没用的方法,只记住最实用的一种方法即可!给要清除浮动的父元素多加一个class属性:clearfix!!!样式如下:.clearfix:after{ content:"."; ...
h1、h2、h3标签及strong标签对页面seo的影响
今天和大家来聊下h1,h2,h3,strong几个标签,在网页中的使用对页面seo的影响,也阐述了个人的一些想法。 首先简要讲下H标签及strong标签的含义:<h1>、<h2>、<h3>、<h4>、<h5>、< ...
彻底搞懂Html5本地存储技术(一)
一、H5之前客户端本地存储的实现1、 cookiescookies的应用比较广泛,但有以下几个问题:(1)每次http请求头上会带着,浪费资源(2)每个域名客户端只能存储4K大小 (3)会造成主Domain污染(4)cookies明文传输很不安全2、UserData(只有IE ...
关于javascript中this的那点事
this可谓是JavaScript中的开发神器,使用得当的话不仅有事半功倍的效果,而且代码的逼格也更高。但是既然是神器,如果你没有足够的功力的话,那么就不要使用它,否则就有可能自毁身亡。曾几何时,我偶然得到这个神器,之后,,,自残,,,自残,,,再自残...再自残了那么多次后,终 ...
译文:Nesting Your BEM?
2016-12-05 11:00:23

译文:Nesting Your BEM?

原文链接:http://csswizardry.com/2016/11/nesting-your-bem/在我开始这篇文章之前,我得说这不是一个建议或者是新的“练习指南”。这只是我自己的一些思想狂潮。我是一个[<cite>BEM</cite>](http: ...
让一个元素垂直水平居中的三种方法
第一种方法:div.box{weight:200px;height:400px;<!--把元素变成定位元素-->position:absolute;<!--设置元素的定位位置,距离上、左都为50%-->left:50%;top:50%;<!--设置元 ...
CSS3与页面布局学习总结(五)——Web Font与Sprite
一、web fontweb font是应用在web中的一种字体技术,在CSS中使用font-face定义新的字体。先了解操作系统中的字体:a)、安装好操作系统后,会默认安装一些字体,这些字体文件描述了每一个文字的形态,一般中文文件大,英文文件小,因为中文字符数多;在控制面板中可以 ...
开始学习前端开发吧
2016-12-04 19:00:17

开始学习前端开发吧

据说最好的输入是输出,所以听我讲给你听我学到的东西吧。学习前端入门时,无论在哪儿都告诉我们,要学习HTML+CSS+JS。google之,得到html是超文本标记语言(英语:HyperText Markup Language,简称:HTML)。  标记语言,意味着这个不是编程语言 ...
【CSS3】 CSS3:弹性盒子(Flex Box)
Flex布局是什么如何指定一个容器为Flex布局Flex的基本语法displayflex-directionjustify-contentalign-itemsflew-wrapalign-selfflex-flowflexorder示例骰子的布局圣杯的布局参考文章一, Flex ...
【CSS3】 之 弹性盒子(Flex Box)
Flex布局是什么如何指定一个容器为Flex布局Flex的基本语法displayflex-directionjustify-contentalign-itemsflew-wrapalign-selfflex-flowflexorder示例骰子的布局圣杯的布局参考文章一, Flex ...
CSS之详解:active选择器
2016-12-04 03:00:13

CSS之详解:active选择器

Active的一段话 active的英文解释为“积极的”,表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的,然而打开链接是一个一瞬间的动作,这不能很好的体现active选择器的特点。 Active的特点其实我们打开一个带有active链 ...
CSS中!important的作用
2016-12-04 03:00:08

CSS中!important的作用

提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在,!important在同一条规则集里不生效。请看下述代码:示例代码:div { color: #f00 !important; color: #000; }在上述代码中,IE6及以下浏览器div的文本颜色 ...
网页布局标准名称
2016-12-03 17:00:14

网页布局标准名称

搬运工 头:header内容:content/containe尾:footer导航:nav侧栏:sidebar栏目:column页面外围控制整体布局宽度:wrapper左右中:left right center登录条:loginbar标志:logo广告:banner页面主体: ...
【HTML】字符(Glyphs)收集
2016-12-03 16:00:04

【HTML】字符(Glyphs)收集

Special Characters&quot;"quotation marku+0022 ISOnump:before { content:"\0022"; }alert("\42")&amp;&ampe ...
【css】!important的作用
2016-12-03 15:01:19

【css】!important的作用

提升指定样式规则的应用优先权。IE6及以下浏览器有个比较显式的支持问题存在,!important在同一条规则集里不生效。请看下述代码:示例代码:div { color: #f00 !important; color: #000; }在上述代码中,IE6及以下浏览器div的文本颜色 ...
HTML5 学习笔记(五)——WebSocket与消息推送
B/S结构的软件项目中有时客户端需要实时的获得服务器消息,但默认HTTP协议只支持请求响应模式,这样做可以简化Web服务器,减少服务器的负担,加快响应速度,因为服务器不需要与客户端长时间建立一个通信链接,但不容易直接完成实时的消息推送功能,如聊天室、后台信息提示、实时更新数据等功 ...
如何用CSS画三角形
2016-12-03 15:01:13

如何用CSS画三角形

很多时候页面都需要一个或者多个小型三角形!多数人直接用PS扣个图片下面用CSS简单画几个最终效果如下图 <div class="border-all-color"></div> <div class="border- ...
HTML5 学习笔记(四)——canvas绘图、WebGL、SVG
一、Canvascanvas是HTML5中新增一个HTML5标签与操作canvas的javascript API,它可以实现在网页中完成动态的2D与3D图像技术。<canvas> 标记和 SVG以及 VML 之间的一个重要的不同是,<canvas> 有一个 ...
【CSS】详解:active选择器
2016-12-03 12:00:28

【CSS】详解:active选择器

Active的一段话 active的英文解释为“积极的”,表现在鼠标上就是点击的意思。关于active选择器最多的示例恐怕就是应用在链接上面的,然而打开链接是一个一瞬间的动作,这不能很好的体现active选择器的特点。Active的特点其实我们打开一个带有active链接,激 ...
使用Web Storage模拟数据库
BodyJavaScript在JavaScript脚本中放了两个函数,saveStorage()和findStorage()函数 saveStorage()函数流程1、从各输入文本框中获取数据2、创建对象,将获取的数据作为对象的属性进行保存。3、将对象转换为JSON格式的文本 ...
使用Web Storage模拟数据库
BodyJavaScript在JavaScript脚本中放了两个函数,saveStorage()和findStorage()函数 saveStorage()函数流程1、从各输入文本框中获取数据2、创建对象,将获取的数据作为对象的属性进行保存。3、将对象转换为JSON格式的文本 ...
CSS中的margin、border、padding区别
CSS padding margin border属性详解图解CSS padding、margin、border属性W3C组织建议把所有网页上的对像都放在一个盒(box)中,设计师可以通过创建定义来控制这个盒的属性,这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域 ...
CSS常用标签
2016-12-02 23:00:37

CSS常用标签

CSS常用标签一 CSS文字属性color : #999999; /*文字颜色*/font-family : 宋体,sans-serif; /*文字字体*/font-size : 9pt; /*文字大小*/font-style:itelic; /*文字斜体*/font-varia ...
HTML5 学习笔记(三)——本地存储
一、HTML4客户端存储B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会使用Cookie,但Cookie有一些缺点,为了说明这个缺点我们先看看当提交表单时 ...
CSS3与页面布局学习笔记(一)——概要、选择器、特殊性与刻度单位
web前端开发者最最注的内容是三个:HTML、CSS与JavaScript,他们分别在不同方面发挥自己的作用,HTML实现页面结构,CSS完成页面的表现与风格,JavaScript实现一些客户端的功能与业务。当然内容与用户资源也是不能忽视的。尽量不要跨职责范围使用,有点& ...
旅游网站首页
2016-12-02 18:00:57

旅游网站首页

---恢复内容开始---经过几天的思考与不断的实践,做一个具体的作品时,应在动手之前先设计好开发项目的模型以及所要实现的功能,觉不能一边在做一边去思考,否则,你会感觉到在做的过程中老是觉得对自己实现的样式感觉不满意,会对它不断地修改,不断地尝试,此时,你会觉得很无奈,不仅无法使作 ...
常见的http响应状态码
2016-12-02 16:00:40

常见的http响应状态码

http状态返回代码 1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。http状态返回代码 代码 说明100 (继续) 请求者应当继续提出请求。 服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。 101 ...
大数据架构开发 挖掘分析 Hadoop Java HBase Hive Storm Spark Flume ZooKeeper Kafka Redis MongoDB 云计算 机器学习 视频教程
培训大数据架构开发、挖掘分析!从零基础到高级,一对一培训!全程技术指导![技术QQ:2937765541]获取大数据视频教程和培训解答地址----------------------------------------------------------------------- ...
css 学习整理
2016-12-02 15:02:06

css 学习整理

1、 background-attachment:fixed属性防止背景图片这种滚动,它默认值是 scroll,也就是说,在默认的情况下,背景会随文档滚动2、font-weight 属性设置文本的粗细(关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了 ...
HTML5 学习笔记(二)——HTML5新增属性与表单元素
一、HTML5新增属性1.1、contextmenucontextmenu的作用是指定右键菜单。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...
【CSS3】css3:box
2016-12-01 21:00:29

【CSS3】css3:box

本文介绍了css3中的box-sizing属性,在这之前读者需要预备知识width的范围。浏览器的支持情况BrowserSupporedNotesInternet ExplorerYesversion 8.0Mozilla FirefoxYes29.02.0 -moz-chrom ...
酷酷的mapv
2016-12-01 20:00:23

酷酷的mapv

做城市热力图的时候无意浏览到mapv强大的功能。比如地图上路线的汇聚效果,如下 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 ...
HTML5 学习笔记(一)——HTML5概要与新增标签
目录一、HTML5概要1.1、为什么需要HTML51.2、什么是HTML51.3、HTML5现状及浏览器支持1.4、HTML5特性1.5、HTML5优点与缺点1.5.1、优点1.5.2、缺点1.6、HTML5效果展示1.7、HTML5学习与开发工具1.7.1、基础要求1.7.2、 ...
CSS3与页面布局学习总结(三)——BFC、定位、浮动、7种垂直居中方法
一、BFC与IFC1.1、BFC与IFC概要BFC(Block Formatting Context)即&ldquo;块级格式化上下文&rdquo;, IFC(Inline Formatting Context)即行内格式化上下文。常规流(也称标准流、普通流)是一 ...
Css3新特性总结之边框与背景(二)
一、条纹背景利用background为linear-gradient函数实现,linear-gradient取值如下:<angle>:角度,渐变的方向to left right top bottomcolor:指定颜色color-stop:指定渐变的起止颜色lengt ...
网站优化——前端部分
2016-12-01 03:00:07

网站优化——前端部分

开篇语作为一个前端的菜鸟,总是在面试的时候被问及一些优化的问题,说实话,回答的时候总是心虚,因为确实没有真真正正做过优化对比,也不知道从何说起,今天在网上收集一些例子加以总结,日后若是开发用到,也能一一对照,把自己开发的网站做到最优化!网站优化一个网站的优化,前端只是很小的一部分 ...
FlowChart
2016-12-01 00:00:05

FlowChart

...
修改input框默认黄色背景
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; ba ...
ionic之$ionicGesture手势(大坑)
鄙人来本公司前未用过ionic框架,但由于ionic是基于angularjs封装的,正好我用过angularjs,很荣幸的面试就过了,然后通过该网站http://www.ionic.wang(后面简称网站i)边学ionic边做项目。  ionic刚踩过的坑--$ionicGest ...
css和javascript中图片路径的不同
今天敲代码时,想写一个切换头像的功能,问题来了,头像就是死活不出现呐。突然灵光一现,难道css和javascript中图片路径书写方式不一样??? 嗯…是这样的: 在根目录下新建了个“images”文件,里面放了两张图片bg1.png和bg2.png 在根目录下另外新建了两个文 ...
用纯css3绘制的能自适应屏幕宽度的哆啦a梦动画
本人是学生,正在想深入学习html5和css3,所以最近在研究用css3绘制矢量图,于是就用纯css3基于百分比方案绘制了能自适应浏览器宽度而自动变化比例的哆啦a梦动画,动画的宽高比例为:”4:6.5“,动画理论上能基于”4:6.5“的宽高比例来无限放大且完美展示,但动画的最小宽 ...
全面支持Angular2的Web后台Bootstrap模板Sing App
在线预览Sing App v3.3.0 (包含Angular 2.0版本实现)现在,本模板完全支持Angular2.0版本啦。Sing Web App 是由专业前端工程师采用行业内流行的技术构建的一款全新的HTML后台管理模板。该模板拥有像素级完美的时尚设计和强大且通用的即用型编 ...
CSS3 选择器——属性选择器
上一节在《CSS3选择器&mdash;&mdash;基本选择器》中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分&mdash;&mdash;属性选择器。属性选择器早在CSS2中就被引入了,其主要作用就是对带有指 ...
常用正则表达式大全!(例如:匹配中文、匹配html)
常用正则表达式大全!(例如:匹配中文、匹配html) 匹配中文字符的正则表达式: [u4e00-u9fa5]   评注:匹配中文还真是个头疼的事,有了这个表达式就好办了   匹配双字节字符(包括汉字在内):[^x00-xff]   评注:可以用来计算字 ...
css知识点
2016-11-30 11:00:08

css知识点

css变形 transform跟css背景有关的属性css颜色表示的方式css3选择器(三)—伪类选择器css3选择器(二)——结构选择器css3选择器(一)——属性选择器css去掉iPhone、iPad默认按钮样式浮动 ...
normalize.css入门和下载
2016-11-30 11:00:03

normalize.css入门和下载

CSS Reset 是革命党,CSS Reset 里最激进那一派提倡不管你小子有用没用,通通给我脱了那身衣服,凭什么你 body 出生就穿一圈 margin,凭什么你姓 h 的比别人吃得胖,凭什么你 ul 戴一胳膊珠子。于是 *{margin:0;} 等等运动,把人家全拍扁了。看 ...
用纯css3绘制的能自适应浏览器的哆啦a梦动画
本人是学生,正在想深入学习html5和css3,所以最近在研究用css3绘制矢量图,于是就用纯css3基于百分比方案绘制了能自适应浏览器宽度而自动变化比例的哆啦a梦动画,动画的宽高比例为:”4:6.5“,动画理论上能基于”4:6.5“的宽高比例来无限放大且完美展示,但动画的最小宽 ...
css限制单行文本输入,超出部分使用...替换
在实际应用中,经常需要只显示一行文字,不允许文字换行破坏整体样式的情况。例如‘商品的名称’,‘简介’等等。但是由于显示器的宽度不一样,会出现后台所给文字内容,一行文本容纳不下的情况。溢出的文本如果使用overflow:hidden生硬的给隐藏掉,显示的效果不是很好,这时,溢出的文 ...
第一页下一页12345678910下10页末页第1/184页,总共:11027条数据