08 2016 档案

HTML5和CSS3阶段，我是如何学习的？
摘要：经过一个月的学习，我收获了许多，今天的测验是做一个企业中文网站，令我自己感到吃惊的是，我前前后后用了4个小时就完成了，这在一个月前根本不可能，因为对布局属性的理解还不够深刻，常常会在调试中浪费大量时间，对PS切图的操作也熟练了许多，已经在自己的脑海中构架了相对完善的知识体系，不足的是至今还没掌握sp 阅读全文
posted @ 2016-08-30 00:55 zona_house 阅读(3562) 评论(2) 推荐(1)
移动端项目开发心得
摘要：通过这次项目开发，使我对布局有了更深层次的理解，对float和position的运用也更得心应手。体会到float和position对页面的负面影响。其中，position:absoulte/fiexd会让元素脱离文档流，其后面的元素（暂且称为候补元素吧）会占据原来的位置，需要对候补元素的margi 阅读全文
posted @ 2016-08-28 12:38 zona_house 阅读(834) 评论(0) 推荐(0)
关于元素隐藏/显示的各种方法
摘要：元素的隐藏/显示可以说是使用频率最高的方法之一，比如二级菜单，响应式布局，透明过度等等许许多多的特效都会使用到，以下介绍一下元素隐藏的各属性以及他们的特性和使用方法：display visibility opacity position float overflow 我们先设置一些共有属性： 效果演 阅读全文
posted @ 2016-08-28 12:03 zona_house 阅读(5298) 评论(0) 推荐(0)
啊哈算法（一）
摘要：1.最快最简单的排序，桶排序 问题：假设有5个同学，在一场考试中分别取得分数为（满分10）：3 5 8 2 5，如何将他们按从大到小的顺序排列？ 解决思路：定义一个长度为11的数组，即a[0]-a[10],下标序号分别对应分数1-10；每一个人得到一个分数n，就使a[n]++，如有两个人得5分，a[ 阅读全文
posted @ 2016-08-28 10:17 zona_house 阅读(1279) 评论(0) 推荐(0)
项目心得。
摘要：关于心得上的体会： 经过前段时间对基础知识反复练习、记忆。如今终于能独立开发出一个静态网站，并没有想象中那么困难，似乎一切都是水到渠成，这或许是学习过程中不断总结的结果，我越来越能体会到在学习的过程中逐个属性去尝试，逐个效果去实现，整理笔记和发表技术博文是非常有必要的！在开发的过程中，免不了难以解决 阅读全文
posted @ 2016-08-23 09:43 zona_house 阅读(178) 评论(0) 推荐(0)
CSS布局相关概要
摘要：一、文档流 运用css布局首先要具备一些概念上的知识，文档流的概念充斥着布局的整个过程。浏览器渲染页面是有先后顺序的，其顺序是至上而下，根据HTML的文档结构进行渲染。 二、div+css 耳熟能详的div+css布局指的是：仅用容器标签div配合css样式进行布局。以往的table布局是不推荐使用 阅读全文
posted @ 2016-08-16 21:13 zona_house 阅读(244) 评论(0) 推荐(0)
简单的球体运动制作
摘要：效果图 阅读全文
posted @ 2016-08-15 22:26 zona_house 阅读(492) 评论(0) 推荐(0)
animationx详解
摘要：animation是CSS3中极其强大的功能，它可以完成许多炫酷有趣的动画效果，网上也有非常不错的类库。下面将做详细介绍。 1.@keyframes:用于定义动画的具体动作（帧动作），一般要加上浏览器前缀。 2.animation-name:给动画定义名称，用于在元素调用动画对象 3.animati 阅读全文
posted @ 2016-08-15 22:21 zona_house 阅读(607) 评论(0) 推荐(0)
关于CSS:transform、transition的运用
摘要：这3个属性是CSS3新增的属性，功能极其强大，能完成许多以往JS才能完成的页面动态效果，而且运行效率非常高，考虑到浏览器兼容性问题，应在3个属性前面加上各浏览器的前缀。以下思维导图介绍了3个属性的各属性值及其代表的意义，请仔细阅读。 一、transform 变换样式 1.transform:tran 阅读全文
posted @ 2016-08-15 16:10 zona_house 阅读(830) 评论(0) 推荐(0)
CSS元素、边框、背景、列表样式
摘要：一、元素样式 1.width控制元素宽度 2.height控制元素宽度 3.padding控制元素内边距 内容与边框之间的距离 4.margin控制元素外边距 元素边框与其他元素边框之间的距离，如果两元素都设置了margin属性，浏览器只对较大值有效。 演示结果 这是div里面的内容 5.opaci 阅读全文
posted @ 2016-08-11 21:04 zona_house 阅读(1571) 评论(0) 推荐(0)
CSS 字体样式
摘要：1.font-family 设置名称，控制使用何种字体 演示结果： hello world 2.font-size 控制字体大小尺寸 演示结果： hello world 3.font-weight 控制字体加粗 取值：100,200,300,400,500,600,700,800,900，bold， 阅读全文
posted @ 2016-08-10 20:04 zona_house 阅读(186) 评论(0) 推荐(0)
CSS选择器
摘要：CSS的selector极其强大，大致分为通配符、元素、群组、关系、id及class、伪类、属性、伪对象这八种，下面将进行详细介绍： 一、通配选择符 选中HTML文档中的所有标签，语法： *{ 代码块； } 演示结果: 这是h1标签 这是h2标签 这是p标签 一、元素选择器 指定元素标签，则选定文档 阅读全文
posted @ 2016-08-10 11:03 zona_house 阅读(377) 评论(0) 推荐(1)
CSS基础知识，学前准备
摘要：1.引入层叠样式表： A.行内引入 B.内联样式表 C.外部样式表 2.三种样式表的优先级对比（就近原则） 行内引入 > 内联样式表 > 外部样式表 3.代码注释： /* 代码段 */ 4.各浏览器前缀 5.CSS选择符： A. 通配选择符 B. 元素选择符，路body、h1、p C. 群组选择符 阅读全文
posted @ 2016-08-08 21:19 zona_house 阅读(158) 评论(0) 推荐(0)