08 2016 档案

学习总结
摘要：前言：通过一个月的学习，以及几个 项目的练习。大致掌握了基本的html+css的网页布局开发。在其期间学习到很多知识，也遇到过不少的问题。 1.html作为基本的页面布局结构，大致需要掌握的是文档中各元素的层级关系。其关系直接影响到后面css的设置问题。因此需要对一个网页的布局进行精细的考虑。做到结 阅读全文
posted @ 2016-08-29 22:19 LittleD 阅读(256) 评论(0) 推荐(1)
移动端 项目总结
摘要：前言：刚完成一个简单的移动端项目，单从布局上来说，跟pc端的方法大致相同。 移动端的页面排版更简单一些，基本以单行为基础，逐行排版。唯一要注意的尺寸问题，由于移动设备的尺寸大小各不相同，所以要考虑一个适应主流移动设备宽度的页面排版。一般最常用的就是行居中效果，这样排版一般不会因为屏幕宽度太小而出现挤 阅读全文
posted @ 2016-08-29 11:18 LittleD 阅读(477) 评论(0) 推荐(1)
CSS 实现“前进/后退”按钮的功能
摘要：前言：一般的轮播效果中，可以通过序号来进行图片切换。同时，还有两个控制按钮“前进/后退”。 在js环境下，我们会先保存一个图片编号变量，然后通过点击事件来修改这个编号，从而修改要显示的图片。 在纯CSS环境中，我们通常只能使用点击序号来切换图片，无法实现通过变量来切换要显示的图片。接下来将介绍如何使 阅读全文
posted @ 2016-08-28 16:04 LittleD 阅读(6798) 评论(0) 推荐(1)
首次项目总结
摘要：首次项目总结（这不是个技术帖） 第一次完成一个项目，其中遇到很多问题，而这些问题往往是平时没有注意到的。在这些问题中可以反映个人对一个项目的理解和操控能力。 一、首先，是一个项目的整体的框架。每个项目都有自己的结构。当拿到一份设计图的时候，我们可以把所有的效果图进行层次的分类。举个例子来说，一个简单 阅读全文
posted @ 2016-08-23 00:17 LittleD 阅读(287) 评论(0) 推荐(2)
CSS 布局
摘要：一、Display。元素显示模式。 1.none。隐藏元素，并且不保留元素原有的空间。 鼠标移入隐藏下方的div 2.inline。行内元素。特点：不自动换行，不可调整大小。 这是div元素。 这是div元素。 3.block。块元素。特点：自动换行，可调整大小。 这是a标签 这是a标签 4.inl 阅读全文
posted @ 2016-08-16 21:02 LittleD 阅读(472) 评论(0) 推荐(1)
CSS Animation 属性
摘要：一、animation是CSS3中新增的属性，它可以制作出多种酷炫的动画效果，如果对flash有一定的了解，那这个属性就会很容易学习。 先展示一下简单的动画效果 __ __O 二、下面就来了解一下animation的具体属性。 1.动画名称 2.动画的持续时间，即播放一次动画所需的时间 3.动画播放 阅读全文
posted @ 2016-08-16 03:24 LittleD 阅读(1780) 评论(0) 推荐(1)
CSS background 属性
摘要：一、background属性可以设置一个元素的背景样式，当然前提是这个元素有具体的宽高值。 先来一个简单的背景设置： 这里只是简单的设置了颜色和背景贴图。 下面让我们来看一下官方的background的属性： 语法格式： background: color position size repeat 阅读全文
posted @ 2016-08-14 20:59 LittleD 阅读(15629) 评论(0) 推荐(2)
CSS3 border-radius 浅析
摘要：1.border-radius的基本语法： 它提供2组参数值：1水平参数（horizontal）；2.垂直参数（vertical）。两组参数直接用左斜杠“/”隔开。每一组参数有4个参数值，遵循“上右下左”的简写规则。 /* 数值的取值范围：任意一个数值的最小值是0，最大值是对应边的边长 */ 2.现 阅读全文
posted @ 2016-08-12 03:18 LittleD 阅读(1294) 评论(1) 推荐(1)
CSS 属性 font
摘要：1 2 3 4 5 CSS 6 11 12 13 font 属性 14 格式：font：[ [ <"font-style"> || <"font-variant"> || <"font-weight"> ]? <"font-size"> [ / <"line-height"> 15 ... 阅读全文
posted @ 2016-08-11 12:07 LittleD 阅读(219) 评论(0) 推荐(1)
初识 CSS part2
摘要：一、id选择器 获取html文档中唯一指定的元素。符号“#”。 二、类选择器 获取html文档中，同属一个分类的元素集合。符号“.”。 三、伪类选择器 详细列表： 常用伪类选择器： 1.链接类型伪类选择器 2.input类型伪类选择器 3.同级伪类选择器 demo代码： 1 <!DOCTYPE ht 阅读全文
posted @ 2016-08-09 22:59 LittleD 阅读(226) 评论(0) 推荐(1)
初识 CSS
摘要：一、css介绍 1.CSS（Cascading Style Sheets），称为层叠样式表。它可以很方便地给html元素提供样式，提高美观度。其最大的使用目的是让html文档结构和内容的显示样式分离开来。 2.CSS的语法结构：Selector { Property : Value; } selec 阅读全文
posted @ 2016-08-09 08:53 LittleD 阅读(177) 评论(0) 推荐(1)
初识 javascript
摘要：第一次接触javascript是在网上看教程时，看到有关DOM操作的内容而认识的。刚开始一直误以为javascript是java的一个子集。因为也没有对javascript有很深的理解，所有就没有去深究javascript和java之间的关系。直到最近才发现，我的这个观点是完全错误的。javascr 阅读全文
posted @ 2016-08-07 19:22 LittleD 阅读(232) 评论(0) 推荐(0)
基本_移动类型轮播效果_框架
摘要：一、基本元素： D:display window;用户浏览的窗口； S:scroll window;存放内容的大容器；通过移动来改变显示的内容； C:content;内容信息； B:button;按钮，多种样式，可选； 二、思路： 通过移动S 的位置，由于C位于S中，所有的C将会同时跟随S而移动。 阅读全文
posted @ 2016-08-05 21:14 LittleD 阅读(287) 评论(0) 推荐(0)
html 主要标签总结
摘要：基础结构标签：html，head，body。 1.换行符 2.段落 对齐属性：align。属性值：left，center，right。 3.标题标签 h1~h6。 4.文本修饰标签，其用途类似于word的字体变化。 5.链接标签。 6.图片引入标签。 7.文件路径规范。 8.图像热区。在一张图片上定 阅读全文
posted @ 2016-08-04 20:33 LittleD 阅读(409) 评论(1) 推荐(0)
文本域及下拉菜单小结
摘要：一、textarea，文本域。一般用来设置为评论内容框，或者用户留言。 实例： <textarea cols="80" rows="5" style="resize: vertical;"></textarea>；其中cols用来规定文本域内每一行可以容纳多少个字，rows用来规定文本域一共可以显示 阅读全文
posted @ 2016-08-03 21:32 LittleD 阅读(395) 评论(0) 推荐(0)
HTML5 input类型总结
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Form</title> <style> form { width: 670px; margin: 0 auto; } td { background-colo 阅读全文
posted @ 2016-08-02 15:49 LittleD 阅读(3475) 评论(0) 推荐(1)
关于知识总结的个人体验与见解
摘要：学习完知识后，需要不断总结知识点来对知识进行吸收和消化。 本文中所提及的两种总结的方法，博文和demo。 先说说demo。直接写demo是本人比较喜欢的方法。 首先，demo总结的最大的优点就是有一个明确的效果展示。我们在写demo的时候，第一步会先想好文档的框架，然后一步步的把效果做到自己想要的效 阅读全文
posted @ 2016-08-01 11:07 LittleD 阅读(239) 评论(0) 推荐(0)