摘要: 1.默认的padding和margin值 解决方法:css开头写*{margin:0;padding:0;} 2.placeholder IE8下不支持HTML5属性placeholder 3.last-child IE8不兼容last-child。可以给最后一个元素设置一个.last的class。 阅读全文
posted @ 2016-03-02 11:33 CassieLY 阅读(143) 评论(0) 推荐(0) 编辑
摘要: 1. JavaScript值类型和引用类型(1)值类型:数值、布尔值、null、undefined。 (2)引用类型:对象、数组、函数。 2. 判断数据类型 typeof 区分数字、字符串、布尔值、undefined var str="hello"; console.log(typeof(str)) 阅读全文
posted @ 2016-02-29 11:32 CassieLY 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 圣杯布局和双飞翼布局解决的问题是一样的,都是用来解决左右定宽,中间自适应的三栏布局,中间栏要放在文档流前面以优先渲染。圣杯布局和双飞翼布局:三栏全部加上float:left,左右两栏加上负margin,以形成三栏布局。圣杯布局:大的div设置padding-left和padding-right,左右 阅读全文
posted @ 2016-02-25 20:25 CassieLY 阅读(806) 评论(0) 推荐(0) 编辑
摘要: 1.内联元素,块状元素,内联块状元素 inline:无固定宽高,内联在行内 block:有固定宽高 inline-block:有固定宽高,内联在行内 2. position absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。 元素的位置通过 "left", 阅读全文
posted @ 2016-02-25 15:03 CassieLY 阅读(223) 评论(0) 推荐(0) 编辑
摘要: 1. 两列布局 (1)第一种方法: html: 1 <div id="Lbar"></div> 2 <div id="Rbar"></div> css: 1 #Lbar{height: 600px;width:200px;background: red;float: left;} 2 #Rbar{h 阅读全文
posted @ 2016-02-25 11:40 CassieLY 阅读(157) 评论(0) 推荐(0) 编辑
摘要: <div id="div1"></div> <div id="div2"></div> 1. 用margin: 0 auto; #div1{width: 960px;height: 200px;background: red;margin: 0 auto;} 2. 用负边距 #div2{width: 阅读全文
posted @ 2016-02-24 23:16 CassieLY 阅读(171) 评论(0) 推荐(0) 编辑
摘要: 1. 文字缩进 text-indent 1 p {font-size: 12px;} 2 .show{text-indent: 24px;} 字体是12px,首行缩进2个汉子,则设置为缩进24px; 2. 文字大小写转换 text-transform capitalize 文本中的每个单词以大写字母 阅读全文
posted @ 2016-02-24 23:02 CassieLY 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 1. html5 与html4相比doctype声明进行了简化:h5 <!DOCTYPE html> 2.新增<canvas>标签,将逐渐代替Flash 3.新增<header><footer><article><nav><section>,使网页结构更明显 4.新增<menu><figure> 5 阅读全文
posted @ 2016-02-24 19:48 CassieLY 阅读(168) 评论(0) 推荐(0) 编辑
摘要: web web的本意是蜘蛛网和网的意思,在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式,即超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)等。 阅读全文
posted @ 2016-02-24 19:33 CassieLY 阅读(263) 评论(0) 推荐(0) 编辑