2016年10月_gigi就是我

原创 CSS学习笔记：长度值和颜色

长度值demo相对字体em 1em：父元素的font-size大小。em会继承父元素的字体大小，因此其实是相对于父元素的font-size进行计算的。因为em是相对于父元素进行计算的，因此如果一层一层嵌套：html { font-size: 14px;}div { font-size: 1.2rem;}<body> <div> Test <!-

2016-10-31 10:44:11 470

原创 CSS学习笔记：层叠和继承

特殊性对于每个规则，用户代理会计算选择器的特殊性，并将这个特殊性附加到规则中的各个声明上。如果元素有两个或多个冲突的属性声明，那么有最高特殊性的声明就会胜出。ID选择器：0 1 0 0类选择器、属性选择器、伪类选择器：0 0 1 0元素选择器、伪元素选择器： 0 0 0 1结合符和通配符对特殊性没有任何贡献要注意几点：ID选择器和指定id属性的属性选择器在特殊性上不同内联样式比其他声明

2016-10-27 22:12:32 408

原创 js学习笔记：事件——事件类型

web浏览器中可能发生的事件有很多类型。DOM3级事件规定了以下几类事件：UI事件：当用户与页面上的元素交互时触发。焦点事件：当元素获得或失去焦点时触发鼠标事件：当用户通过鼠标在页面上执行操作时触发滚轮事件：当使用鼠标滚轮时触发文本事件：当在文档中输入文本时触发键盘事件：当用户通过键盘在页面上执行操作时触发変动事件：当底层DOM结构发生变化时触发除了这几类事件之外，HTML5也定义了一

2016-10-26 17:13:59 2590

原创 js学习笔记：事件——事件流、事件处理程序、事件对象

Javascript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器来预定事件，以便事件发生时执行相应代码。事件流事件流描述的是从页面中接受事件的顺序。事件冒泡IE的事件流叫做事件冒泡，即事件开始是由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。如果点击了页面中的一个div元素，那么这个click事件可能会按照如下

2016-10-25 11:31:03 7533 5

原创 js学习笔记：DOM2和DOM3(放弃……)

DOM1级主要定义的还是HTML的地层结构，DOM2和DOM3级则在这个结构的基础上引入了更多的交互能力。为此，DOM2和DOM3级分为许多模块，分别描述了DOM的某个非常具体的子集。DOM2核心：为节点添加了更多方法和属性DOM2视图：为文档定义了基于样式信息的不同视图DOM2事件：说明了如何使用事件与DOM文档交互DOM2样式：定义了如何以编程方式来访问和改变CSS样式信息DOM2遍历

2016-10-24 17:49:10 2532

原创 js学习笔记：DOM扩展

尽管DOM作为API已经十分完善了，但为了实现更多功能，仍会有一些标准或专有的扩展。对DOM的两个主要的扩展是Selectors API 和HTML5.Selectors API众多js库中最常用的一项功能就是根据CSS选择符选择与某个模式匹配的DOM元素。实际上，jQuery的核心就是通过CSS选择符查询DOM文档取得元素的引用，从而抛开getElementById（）和getElements

2016-10-20 22:50:09 1475

原创 js学习笔记：DOM——DOM操作技术

动态脚本使用< script>元素可以向页面中插入js代码，一种方式是通过其src特性包含外部文件；另一种方式就是用这个元素本身来包含代码。而动态脚本指的是，在页面加载时不存在，但在将来的某一时刻通过修改DOM动态添加的脚本。跟操作HTML元素一样，创建动态脚本也有两种方式：插入外部文件和直接插入js代码。动态加载的外部js文件能够立即执行：var script = document.cre

2016-10-20 15:48:08 530

原创 CSS学习笔记：选择器

标签选择器选择器为某个html元素类选择器通过设置元素的 class 属性，可以为元素指定类名。类名由开发者自己指定。文档中的多个元素可以拥有同一个类名。在写样式表时，类选择器是以英文句号（.）开头的。多类选择器一个class值可能包含一个词列表，各个词之间用空格分隔。通过把两个类选择器连接在一起，就可以选择同时包含这些类名的元素。如 .warning.urgent，就选中同时有这两个类的元素

2016-10-18 17:03:15 498

原创 CSS学习笔记：基础知识

替换和非替换元素替换元素替换元素的展现不是由CSS来控制的。这些元素是一类外观渲染独立于CSS的外部对象。典型的可替换元素有:< img>< object>< video> 表单元素，如< textarea>、 < input> 。某些元素只在一些特殊情况下表现为可替换元素，例如 < audio> 和 < canvas> 。通过 CSS content 属性来插入的对象被称

2016-10-18 09:47:18 464

原创 js学习笔记：DOM——节点层次

DOM（文档对象模型）是针对HTML和XML文档的一个API，描绘了一个层次化的节点树。 DOM可以将任何HTML或XML文档描绘成一个由多层节点构成的结构。节点分为几种不同的类型。文档节点是每个文档的根节点。html元素为文档元素。文档元素是文档的最外层元素文档中的其他所有元素都包含在文档元素中。每个文档都只能有一个文档元素。在html页面中，文档元素始终都是html元素。在这里用脑

2016-10-16 21:55:29 8026 1

转载 CSS学习笔记：transition、transform、animation

CSS3动画相关的几个属性是：transition：过渡transform：变换animation：动画transitiontransition的作用是：平滑的改变CSS的值。 tansition是一个简写属性，分别包含以下几个属性：transition-property指定过渡的性质，比如transition-property:backgrond 就是指backgound参与这个过渡。

2016-10-11 18:09:22 1291

转载 CSS学习笔记：background

CSS2.1中有5个background属性可以用来控制元素的背景。这5个属性是：background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position为了更好的驾驭背景图片，CSS3添加了3个新的background相关属性，以及一系列的相关属性值:background-ori

2016-10-10 22:21:18 631

(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭