HTML & HTML5
文章平均质量分 88
Wendy-lxq
这个作者很懒,什么都没留下…
展开
-
仿造百度换肤功能的实现
换肤功能的应用很广,不管是搜索界面还是普通的管理界面等等,都可以进行设计并且应用换肤功能,起到更好的用户体验。今天仿造百度的换肤功能,实现了基本的换肤功能,接下来将会为大家介绍如何实现。在设计界面的过程当中,我采用了Bootstrap框架,以便更好的适应屏幕。(当然也是为了更好的熟悉使用这个框架,大家别忘了把Bootstrap框架的css和js包引进来哦)。在创建项目时最好可以分别将c原创 2016-09-14 09:17:38 · 5053 阅读 · 0 评论 -
HTML5基础之常用标签以及标签选择器
在html中,标签非常多,比如说列表,按钮,图片,文字等等,每一种标签都有自己的使用方法以及相关的约束条件。具体的标签可以直接到w3c的网站上查看,这里就简单了解一下html5的标签。一、HTML5的新结构标签 在之前的HTML页面中,在布局方式中,大家基本上都是用Div+CSS。而搜索引擎去抓取页面的内容的时候,它只能猜测你的某个div内的内容是文章内容容器,或者是导航模块的原创 2016-11-14 20:23:02 · 16553 阅读 · 2 评论 -
HTML5高级之块元素和内联元素
元素可以分为两种,一种是块元素,一种是内联(行内、内嵌)元素。块元素比如常用的div、p、h1等,内联元素比如常用的span、i、a等。接下来详细说明这两种元素各自的特性、使用方法以及两者之间的相互转化。1、块元素的特性 1)默认独占一行 2)没有宽度时,默认撑满一行 3)支持所有css命令如图所示:代码:原创 2016-11-15 14:48:19 · 3053 阅读 · 0 评论 -
HTML5基础之代码入门
之前一直在修改现成的项目,学习的内容也是现学现用,没有很系统的学习,这次决定发一些时间,系统的学习,以便充实自己的前端知识,也想提升自己的前端技术。 今天总结的是HTML5基础的第一部分代码入门,主要涉及样式表、边框、背景设置、文字文本、padding、margin以及盒模型等。一、样式表 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTM原创 2016-11-12 15:24:49 · 24953 阅读 · 1 评论 -
HTML5高级之position(定位)
position 属性规定元素的定位类型,定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。 position一般分为三种,一种是相对定位relative,一种是绝对定位absolute,一种是固定定位fixed,接下来分别说明这三个属性的用法以及相对应的特性,并举例说明。原创 2016-11-15 19:56:20 · 87673 阅读 · 0 评论 -
HTML5高级之css清除float浮动
我们先来回忆一下float的特征: 1)块在一排显示 2)内联支持宽高 3)默认内容撑开宽度 4)脱离文档流 5)提升层级半层 由于float浮动脱离文档流,那么就很容易产生各种兼容性和由于浮动产生的视觉效果上的差别。接下来我们分析几种主要的解决方法。大家最熟悉的方法应该就是添加空标签,然后利用clear原创 2016-11-17 09:22:55 · 10148 阅读 · 1 评论 -
简易购物车的实现
网上关于购物车实现的代码非常多,今天看了一些知识点,决定自己动手写写,于是写了一个简易购物车,接下来讲解一下具体的实现。1、用html实现内容;2、用css修饰外观;3、用js(jq)设计动效。 第一步:首先是进行html页面的设计,我用一个大的div将所有商品包含,然后用不同的div将不同的商品进行封装,商品列表中我用了ul li实现,具体实现代码如下(代码中设计到都是网上随原创 2016-09-09 21:42:50 · 7653 阅读 · 3 评论 -
a标签中href=""的几种用法
众所周知,a标签的最重要功能是实现超链接和锚点。而且,大多数人认为a标签最重要的作用是实现超链接,今天我刚好碰到a标签的一种写法,所以就来整理下a标签中href的几种用法。一、Js的几种调用方法(参考总结的)1、a href="javascript:js_method();"这是常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的h原创 2016-10-11 08:58:39 · 241279 阅读 · 22 评论 -
HTML5 canvas元素初识
HTML5 canvas元素随其而来的编程接口Canvas API应用前景极为广阔。简单地说,canvas元素能够在网页中创建一块矩形区域,这块矩形区域可以称为画布,这其中可以绘制各种图形。 是HTML5出现的新标签,像所有的dom对象一样它有自己本身的属性、方法和事件,其中就有绘图的方法,js能够调用它来进行绘图 。1、在页面中添加canvas元素 如果要向页面中添加ca原创 2017-02-09 17:34:31 · 994 阅读 · 0 评论 -
表单设计以及优化Tips的总结
无论是注册流程、多页问卷,还是简单的数据录入界面,表单都是数字化产品设计的重要组成部分。我们无时无刻都在使用表单(Form),在网上购物、邮件注册、参与评论等等。不夸张的说,它已经成为了数字信息时代不可分割的一份子。然而,这么多年伴随着一些改进我们发现,表单设计在我们的使用感受中也仅仅停留在“还可以”的程度。不过,现在我们可以使用新的方法设计出更好、更便捷的表单体验。那么,首先来说明一下表单所原创 2016-10-18 18:08:21 · 4696 阅读 · 0 评论 -
仿网易选项卡制作
如果你的页面只有一个tab(选项卡)切换的地方,需要调用js效果,如果单独为了它,还要为页面加载一个jQuery插件,想必是极痛苦的。所有很多时候,jQuery特效也不是万能的,偶尔来个原生的js效果也是必须的。今天闲着无聊,用js和jquery分别写了一个选项卡的效果,但是其中用到jquery只是为了更好的获取标签以及修改样式。先来浏览一下效果图吧~~一、原创 2016-10-03 11:02:08 · 1389 阅读 · 0 评论 -
li标签的横向排列
li标签的使用很广泛,在各种选项卡的制作,导航栏等都用到,那么li标签的横向排列也是经常用到。<ul>标签下的项目<li>默认是纵向排列的,我们需要定义额外的CSS属性让其横向排列,li标签的横向排列有两种实现方法,现总结如下:1、使用float:left 在这里顺便解释几个css样式的使用。 1)list-style:none,这个属性...原创 2016-10-19 14:37:54 · 74413 阅读 · 6 评论 -
css3实现照片墙
在网站上经常可以看到照片墙的展示,于是动手用css3写了一个简单的照片墙。其实就是css3样式的一些新特效的使用。作品展示:接下来贴上实现的代码:html结构: 照片墙 照片墙 css修饰样式:body{ backgro原创 2016-09-24 15:11:14 · 5461 阅读 · 0 评论 -
HTML5 Web存储(Web Storage)技术以及用法
使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速,这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上。它也可以存储大量的数据,而不影响网站的性能。数据以 键/值 对存在, web网页的数据只允许该网页访问使用。 Web Storage的目的是为了克服由cookie带来的一些限制,当数据需要被原创 2017-02-23 16:12:34 · 8972 阅读 · 1 评论