摘要： 逻辑运算符通常用于布尔型（逻辑）值。这种情况下，它们返回一个布尔值。它经常和关系运算符一起配合使用。“&&” 、“！”和“ ||” 运算符会返回一个指定操作数的值，因此，这些运算符也用于非布尔值。这时，它们也就会返回一个非布尔型值。 逻辑与（&&） 逻辑与是由两个和号（&）表示，有两个操作位数，只有 阅读全文

摘要： javaScript它是一门动态的，弱类型的，解释型面向Web的编程语言。虽然名字里有Java但其它与Java无关。它可以用来增强页面动态效果，实现页面与用户之间的实时，动态交互。 javascript由三部分组成： ECMAScript:提供核心的语言功能（ECMA欧洲计算机制造商协会） DOM: 阅读全文

摘要： 一、盒模型的概念 CSS中每一个元素都是一个盒模型(Box Model)，包括HTML和body标签元素。一般称之为box model。它的本质就是一个盒子，它的属性有margin,border,padding,content,background。下图有一个标准盒模型(content)。 盒子的长 阅读全文

摘要： 经典的css布局有以下几种，下面分别用不同的方法进行实现且进行对比。 一、水平居中 水平居中布局指的是当前元素在父级元素的容器中，水平方向上显示的是居中，有以下几种方式来完成布局： 1、margin:0 auto; text-align:center实现水平居中。 直接给子元素加上margin:0 阅读全文

摘要： 接上篇ccs之经典布局（一）（水平垂直居中） 四、两列布局 单列宽度固定，另一列宽度是自适应。两列中左则是确定的宽度，右列是自动填充剩余所有空间的一种布局效果 1、float+overflow:auto; 固定端用float进行浮动，自适应端overflow:auto;触发BFC. 2、absolu 阅读全文

摘要： 接上篇ccs之经典布局（二）（两栏，三栏布局） 七、等分布局 等分布局是指一行被分为若干列，每一列的宽度是相同的值。两列之间有若干距离。 1、float+padding+background-clip 使用float让元素在一行内显示，使用padding来实现元素之间的距离，使用background 阅读全文

摘要： 弹性盒子（Flexible Box/filebox）是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容器（父元素）和弹性子元素（可以一个或者多个）组合 阅读全文

摘要： css定位属性允许你对元素进行定位，也就是说它允许你定义元素框对于其正常位置应该出现的位置。css有以下三种定位机制：普通流，浮动，绝对定位。下面来分别进行说明： 一、普通流 普通流又称文档流，或者是标准流。指的是文档中可显示的元素在排列时开始位置以及它们所占的区域。又因页面中元素种类不同，所以会按 阅读全文

摘要： 针对border进行一些分析总结，如下： 一、css1中： border 边框 border-width 边框宽度（粗细） border-style 边框样式（样式） border-color 边框颜色（颜色） 如：边框的复合样式 div{border:2px solid green;} 每条线都相 阅读全文