摘要: 属性方法 1.attr( name | pro | key,val |fn )读取或修改元素的属性值(行内)。 参数:1.name:属性的名称。(用于读取值)2.properties:作为属性的名称的对象。(用于修改多个属性)3.key,value:属性名和属性值.(用于修改多个属性)4.fn:回调 阅读全文
posted @ 2016-09-26 10:11 LittleD 阅读(1306) 评论(0) 推荐(0) 编辑
摘要: 一、基本选择器 1.#id选择器 通过元素id选择指定元素 2.element选择器 通过元素标签名选择指定元素 3.class选择器 通过元素类名选择指定元素 4.*选择器 元素通配符,选择所有元素 5.selector1,selector2,selectorN选择器 分组选择。用逗号(,)隔开, 阅读全文
posted @ 2016-09-23 01:07 LittleD 阅读(1913) 评论(0) 推荐(0) 编辑
摘要: 先附上效果图和代码: html 文档: js 文件: 原理机制 关于css中,类的叠加效果。 我们知道,一个元素可以添加多个类名,同时会被多个类的样式层叠起来显示。 例如: 可以看到,第一个li的class属性中,有两个类名:.list-item 和 .list-item-checked。那么这个l 阅读全文
posted @ 2016-09-12 19:43 LittleD 阅读(19055) 评论(1) 推荐(0) 编辑
摘要: 函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 1.简单使用 2.定义函数: 其中,var1等是函数的参数,其个数可有可无。使用花括号包裹执行的代码,结尾没有分号(;),因为函数定义不是一个执行语句。 3.return。函数可以有返还值。返还值会被存储到一个变量中,或者直接使用。 阅读全文
posted @ 2016-09-06 09:56 LittleD 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 前言:通过一个月的学习,以及几个 项目的练习。大致掌握了基本的html+css的网页布局开发。在其期间学习到很多知识,也遇到过不少的问题。 1.html作为基本的页面布局结构,大致需要掌握的是文档中各元素的层级关系。其关系直接影响到后面css的设置问题。因此需要对一个网页的布局进行精细的考虑。做到结 阅读全文
posted @ 2016-08-29 22:19 LittleD 阅读(245) 评论(0) 推荐(1) 编辑
摘要: 前言:刚完成一个简单的移动端项目,单从布局上来说,跟pc端的方法大致相同。 移动端的页面排版更简单一些,基本以单行为基础,逐行排版。唯一要注意的尺寸问题,由于移动设备的尺寸大小各不相同,所以要考虑一个适应主流移动设备宽度的页面排版。一般最常用的就是行居中效果,这样排版一般不会因为屏幕宽度太小而出现挤 阅读全文
posted @ 2016-08-29 11:18 LittleD 阅读(460) 评论(0) 推荐(1) 编辑
摘要: 前言:一般的轮播效果中,可以通过序号来进行图片切换。同时,还有两个控制按钮“前进/后退”。 在js环境下,我们会先保存一个图片编号变量,然后通过点击事件来修改这个编号,从而修改要显示的图片。 在纯CSS环境中,我们通常只能使用点击序号来切换图片,无法实现通过变量来切换要显示的图片。接下来将介绍如何使 阅读全文
posted @ 2016-08-28 16:04 LittleD 阅读(6724) 评论(0) 推荐(1) 编辑
摘要: 首次项目总结(这不是个技术帖) 第一次完成一个项目,其中遇到很多问题,而这些问题往往是平时没有注意到的。在这些问题中可以反映个人对一个项目的理解和操控能力。 一、首先,是一个项目的整体的框架。每个项目都有自己的结构。当拿到一份设计图的时候,我们可以把所有的效果图进行层次的分类。举个例子来说,一个简单 阅读全文
posted @ 2016-08-23 00:17 LittleD 阅读(279) 评论(0) 推荐(2) 编辑
摘要: 一、Display。元素显示模式。 1.none。隐藏元素,并且不保留元素原有的空间。 鼠标移入隐藏下方的div 2.inline。行内元素。特点:不自动换行,不可调整大小。 这是div元素。 这是div元素。 3.block。块元素。特点:自动换行,可调整大小。 这是a标签 这是a标签 4.inl 阅读全文
posted @ 2016-08-16 21:02 LittleD 阅读(458) 评论(0) 推荐(1) 编辑
摘要: 一、animation是CSS3中新增的属性,它可以制作出多种酷炫的动画效果,如果对flash有一定的了解,那这个属性就会很容易学习。 先展示一下简单的动画效果 __ __O 二、下面就来了解一下animation的具体属性。 1.动画名称 2.动画的持续时间,即播放一次动画所需的时间 3.动画播放 阅读全文
posted @ 2016-08-16 03:24 LittleD 阅读(1752) 评论(0) 推荐(1) 编辑