2017年11月_七毛six

原创图解CSS3核心技术与案例分析（第八章CSS3伸缩布局盒模型）

1、CSS3引入一种新的布局模式—-Flexbox布局（伸缩布局盒模型）主要思想是：让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳方式填充可用空间（主要是为了适应所有类型的显示设备和屏幕大小） 2、CSS2.1中定义了四种布局模式，由一个盒与其兄弟、祖先盒的关系决定其尺寸与位置的算法： ①块布局：呈现文档的布局模式 ②行内布局：呈现文本的布局模式 ③表格布局：用

2017-11-20 10:38:42 341

原创图解CSS3核心技术与案例实战（第七章CSS3盒模型）

1、在CSS中主要有以下几种盒模型：inline、inline-block、block、table、absolute position、float。 2、CSS中每一个元素都是一个盒模型 3、CSS中盒模型被分为两种：W3C的标准模型和IE的传统模型，比同之处是两者的计算方法不一样（比如元素高度等） 4、box-sizing属性：事先定义盒模型的尺寸解析方式 ① box-sizing：c

2017-11-16 17:11:21 383

原创图解CSS3核心技术与案例实践（第五章CSS3文本）

1.溢出文本属性text-overflow ①text-overflow：clip|ellipsis clip：不显示省略标记（…）,只是简单的裁切 ellipsis：文本溢出时显示省略标记，省略标记插入的位置是最后一个字符 ②要实现文本溢出效果必须具备三个属性：强制文本在一行显示（white-space:nowrap）溢出内容隐藏（overflow：hidden）

2017-11-16 10:27:50 421

原创 JS中的构造函数

在java中，存在类的概念，对象是类的实例，但在js中不存在类的概念，js不是基于类，而是通过构造函数和原型链实现的恶。但是在ES6中引入了类的概念，作为对象的模板。构造函数的特点： ①构造函数的首字母必须要大写，用来区分与普通函数 ②内部使用的this对象，来指向直接要生成的实例对象 ③使用new来生成实例对象

2017-11-13 17:09:31 289

原创图解CSS3核心技术与案例实战（第三章CSS3边框）

1.CSS1与CSS2中的边框属性: border:border-width border-style boeder-color; 也可以单独写边框的属性 2.border-style值列表（在不同的浏览器可能渲染效果不一样） css3边框1.边框颜色border-color 必须拆分成4个边框，使用多颜色才会有效果 border-top-colors:[|transparent]{1,

2017-11-13 15:51:36 398

原创图解CSS3核心技术与案例实战（第二章 CSS3选择器）

【注意】代码练习在：E/AjaxGGW/图解CSS3/CSS3选择器1.css3选择器新增了属性选择器、伪类选择器、过滤选择器，减少了在开发中对HTML类名或者ID名的依赖，以及对HTML元素的结构依赖，使得编写代码更加简单轻松。 2.根据所获取页面中的元素的不同，把CSS3选择器分为五大类，如下图： 3.ID选择器具有唯一性。4.层次选择器通过HTML的DOM元素间的层次关系获取

2017-11-07 22:32:19 287

原创图解css3核心技术与案例实战（第一章）

1.页面最终离不开浏览器的渲染 2.“渐进增强”：一种开发的方式，更是一种Web设计理念 3.优雅降级：在设计的时候，先考虑低端设备用户能否看到所有内容，然后在此基础上位高端用户进行设计。不仅为高端设备用户提供一个完美的应用，也要为不同性能级别设备的用户设计不同级别的不那么完美的应用。

2017-11-02 20:00:37 288

qq_34309704的博客