元素
想要清晰的明白(一): CSS视觉格式化模型|盒模型|定位方案|BFC
视觉格式化模型页面(文档树)可以想象成是由一个个的Box组合而成的,而视觉格式化模型(Visual formatting model)是一套规则,将这些框布局成访问者看到的样子。哪些因素控制了这些布局盒的尺寸和类型定位体系 Positioning Scheme (常规流,浮动和绝对定位)文档树中元素之间的关系外部信息(如:视口大小,图片的固有尺寸等)下文讲针对性的解释这些影
业界
2016年05月13日
HTML5与HTML4之间的区别
DOCTYPE声明HTML4的声明HTML5的声明指定字符编码HTML4指定编码HTML5指定编码在HTML5中,以上两种指定编码的方式都是允许的。但是要注意两种指定编码不能混合使用!HTMNL5的兼容性HTML5的语法是为了保证与之前的HTML语法也能够达到最大程度的兼容而设计的。1. 可以省略标记的元素不允许写结束标记的元素有:area、base、br、col、comm
业界
2016年05月16日
每天一章犀牛书——CHAP7:数组
1. 数组数组是值的有序集合,每个值被称为元素。数组有以下特点:无类型:数组元素可以是任意元素。动态性:数组的长度是动态的,可随时增加和缩减。无需在创建时为其声明固定大小也无需在长度变化时重新分配空间。数组是特殊的对象,并且经过优化,用索引访问数组比访问常规的对象属性快。数组继承自Array.prototype的属性和方法2. 数组的操作2.1 创建数组有两种方式创建数组。
业界
2016年07月02日
数据结构从0.2到1(一)
数据结构从0.2到1(一)为什么要选择这样的一个标题呢,当然,主要是要写一系列关于学习数据结构的文章。但是,为什么是从0.2呢?因为作为一名计算机专业毕业的学生来说,实在不好意思说自己从0到1,我真的是怕老师看到后会打过来。。。关于数据结构,可能是因为大学时没有学好,反正已经忘了十之八九,这个系列算是复习,巩固,提高。由于大学时的教材已经...所以最近想要再学习数据结构的时
业界
2016年07月03日
读后总结--精通css高级web标准解决方案(第二版)
为啥读这本书现在前端圈子过于浮躁,掌握基础无疑比掌握一个js框架重要css怎么都能写出来,但是要写的好写得快还得多读书css魔法推荐的,读完这个读读css揭秘当然,根本原因还是觉得自己掌握不好开始总结吧~一. 基础知识经过上世纪没有 css的痛苦时的混沌时期,人们开始了进步之路1.语义化标签:提高可读性和更合适默认样式2.设置ID和类名:上一步的加强,同时也为样式提供钩子(
业界
2016年07月04日
CSS3 3D变换之综合运用 - 3D bo
先上效果图吧点击'roll'按钮,会出现旋转的动画代码如下 div# camera{ width: 500px; height: 500px; outline: 1px solid black; margin:100px auto; position: relative; perspe
业界
2016年07月06日
网页设计中的极简风格—无的力量
作为设计师,我们都知道极简的设计效果的确非常出彩。然而,在设计过程中,我们往往会由于使用较少元素而感觉缺了什么,或是让最终成品看起来仿佛没有完成。那么什么是极简设计?又是什么方法使你的设计看起来简约又不简单呢?这篇文章也许会帮到你。什么是极简设计极简设计,严格上讲不能算作一种视觉风格,而是一种设计哲学。它在保持了基本的骨架内容的基础上,剔除掉多余的元素、装饰、色彩和纹理,是
用户研究
2016年04月10日
inline&block&inline-block
本笔记主要来源于这篇文章,w3school-cn-display,mdn-en-display还有我的一些想法杂糅而成,另外这是我自己写的一个Demo,大家感兴趣的话都可以打开来看看.在进入正文之前,做一些说明.今天的主题是比较display主要的三个属性值block,inline,inline-block.其实display还有flex,inline-flex,grid,
业界
2016年07月06日
CSS基础知识之float
前段时间写过一篇CSS基础知识之position,当时对float的理解不太准确,被慕课网多名读者指出(原文已修正,如有误导实在抱歉)。现对float进行更深入的学习,在此把学习心得分享给大家。浮动的基础知识浮动有4个属性:left(左浮动)、right(右浮动)、none(不浮动)、inherit(继承)。浮动元素的包含块是其最近的块级祖先元素。浮动元素会左偏移(或右偏移
业界
2016年07月06日