12 2015 档案

摘要:引用类型一、object类型:创建object实例的方式有两种。第一种是使用new操作符后跟Object构造函数,如下所示:var person = new Object();person.name = “Nicholas”;person.age = 29;另一种方式是使用对象字面量表示法。对象字面... 阅读全文
posted @ 2015-12-30 22:32 -cyber 阅读(281) 评论(0) 推荐(0)
摘要:变量、作用域和内存问题1.ECMAScript变量可能包含两种不同数据类型的值:基本类型值和引用类型值。基本类型值指的是简单的数据段,引用类型值指的是有多个值构成的对象。2.动态的属性:定义一个基本类型值和引用类型值的方法是类似的:创建一个变量并为该变量赋值。但是,当这个值保存到变量中以后,对不同类... 阅读全文
posted @ 2015-12-30 22:31 -cyber 阅读(280) 评论(0) 推荐(0)
摘要:基本概念一、语法:1.区分大小写:2.标识符:指变量、函数、属性的名字,或者函数的参数。标识符可以是按照下列格式规则组合起来的一个或多个字符:(1)第一个字符必须是一个字母、下划线(_)、或者一个美元符号($);(2)其他字符可以是字母、下划线、美元符号或数字。概括地说,标识符就是首字母不能是数字的... 阅读全文
posted @ 2015-12-29 00:28 -cyber 阅读(262) 评论(0) 推荐(0)
摘要:在HTML中使用JavaScript1.包含在”字符串,否则会产生错误。因为浏览器遇到时会认为这是结束标签。可以通过吧这个字符串分隔为两个部分可以解决这个问题,例如:外部文件只需包含通常要放在开始的之间的那些JavaScript代码即可。可以在XHTML文档中省略标签,例如:标签之间再包含额外的Ja... 阅读全文
posted @ 2015-12-29 00:28 -cyber 阅读(224) 评论(0) 推荐(0)
摘要:JavaScript简介:1.JavaScript实现应该由以下三部分组成:(1)核心:ECMAScript(2)文档对象模型:DOM(3)浏览器对象模型:BOM2.什么是ECMAScript兼容:(1)支持ECMA-262描述的所有“类型、值、对象、属性、函数以及程序句法和语义”。(2)支持Uni... 阅读全文
posted @ 2015-12-29 00:27 -cyber 阅读(204) 评论(0) 推荐(0)
摘要:1.float属性能把网页元素移到网页(或者其他外围快)的某一侧。出现在浮动元素之后的所有HTML都能在网页中上移,环绕在浮动元素的周围。float属性接受以下3种不同的值:left(左)、right(右)和none(无)。假设要把一张图片移到网页的右侧,可以创建下面这个类样式,并把它应用到标签上:... 阅读全文
posted @ 2015-12-23 22:32 -cyber 阅读(173) 评论(0) 推荐(0)
摘要:第十二章1.网页布局类型(1)固定宽度(2)流式(3)响应式Web设计2.CSS布局的方法通过给元素设置一个宽度,将它浮到左侧或右侧,就可以创建一个列(元素后面的文本会环绕浮动的元素,仿佛是另外一个列一样)。如果给多个div或者其他标签使用float属性,就能够实现对多列的布局。进一步使用这种技术,... 阅读全文
posted @ 2015-12-23 19:42 -cyber 阅读(144) 评论(0) 推荐(0)
摘要:表格和表单的格式化1.表格的各种标签提供了许多有用的“钩子”,可以再上面挂CSS样式。如果创建了标签样式,那么每一个列的标题——标签——看起来就有可能与其他的表格单元不同,也可以使用标签方便地为表格单元列来设置宽度。2.padding指一个元素的边框与其内容之间的空间。你可以用padding在段落的... 阅读全文
posted @ 2015-12-23 19:41 -cyber 阅读(245) 评论(0) 推荐(0)
摘要:CSS的transform、transition和animation属性1.transform(倾斜):利用transform属性可以使导航栏稍微倾斜,或者使图片在访问者的鼠标经过它时放大两倍,甚至可以结合更多transform属性设计出其他效果。例如,要旋转一个元素,要先提供关键字rotate,后... 阅读全文
posted @ 2015-12-22 22:55 -cyber 阅读(280) 评论(0) 推荐(0)
摘要:1.链接状态:大部分浏览器支持4中基本的链接状态:未访问的链接、已访问的链接、访问者的鼠标正悬停在上方的链接、正被单击的链接。这些状态的4个对应伪类选择器分别是:link、:visited、:hover、:active。为了实现最大程度的设计控制,必须对所有不同的访问状态都定义样式,但是必须按照指定... 阅读全文
posted @ 2015-12-22 22:52 -cyber 阅读(260) 评论(0) 推荐(0)
摘要:给网页添加图片1、 常用来处理图片的CSS属性:(1) border(边框):给图片添加边框。(2) padding(填充):边框和图片之间填充空间。(3) float(浮动):浮动图片是指将图片移到左侧或者右侧。(4) margin(边距):图片和其他网页元素之间添加空间。2、 添加图片背景:ba... 阅读全文
posted @ 2015-12-21 21:41 -cyber 阅读(233) 评论(0) 推荐(0)
摘要:第七章 margin、padding和border1.盒模型:四个属性:(1)padding:内容与其边框线之间的空间。(2)border:盒子周围的直线(3)background-color:用来填充边框内部空间的,包括padding区域。(4)margin:一个标签和另一个标签之间的间隔。2.p... 阅读全文
posted @ 2015-12-19 22:56 -cyber 阅读(293) 评论(0) 推荐(0)
摘要:第六章 文本格式化1.font-family 属性设置字体。除了指定想要的字体之外还要使用备用字体。例如:p{ font-family:Arial ,Helvetica ,sans-serif; }如果字体的名称中包含多个单词,则必须用双引号(””)将它们括起来。2.·serif字体,适合冗长的文字... 阅读全文
posted @ 2015-12-19 22:55 -cyber 阅读(370) 评论(0) 推荐(0)
摘要:第五章 层叠管理样式1.层叠是决定哪些样式属性要被应用到某一个元素的一套规则。2.最近的祖先样式胜出:浏览器会采用离相关标签最近的样式。3.直接应用的样式胜出:任何直接应用于指定标签的样式都战胜了继承来的属性。4.多个样式可能应用于同一个标签的几种情况: ·标签同时应用了一个标签选择器和一个类样式。... 阅读全文
posted @ 2015-12-13 21:40 -cyber 阅读(207) 评论(0) 推荐(0)
摘要:第四章 继承1.继承:应用在一个标签上的CSS样式被传到其内嵌标签上的过程。2.继承的局限性:(1)有些属性不会被继承,如:CSS。(2)以下情况不会严格执行继承: ·影响网页元素位置的属性; ·Web浏览器使用它们自己固有的样式为各种标签设置样式; ·当有样式发生冲突时,更具体的样式会胜出。 阅读全文
posted @ 2015-12-13 21:39 -cyber 阅读(144) 评论(0) 推荐(0)
摘要:1.和标签: 和标签:就像是一个空的容器,我们要往里面填充内容。一个div就是一个块,意味着它的前后都要空一行;而span则呈嵌套模式,成为一个段落的一部分。标签标示任何不连续的内容块,像一个段落或者标题。标签用于行内元素,出现在一个更大的段落或标题中的文字或者短语。布局如: Copyright 2... 阅读全文
posted @ 2015-12-06 19:11 -cyber 阅读(297) 评论(0) 推荐(0)
摘要:1.一个样式由两个元素组成:浏览器对其设置格式的网页元素(选择器,selector)和实际的格式化指令(声明块,declaration block)。2.简单的样式也包含了以下几个元素:(1)Selector(选择器):选择器告诉浏览器网页上的哪个元素以什么样式显示。(2)Declaration B... 阅读全文
posted @ 2015-12-06 19:11 -cyber 阅读(154) 评论(0) 推荐(0)
摘要:1.标签选择器:控制整体。使用标签选择器,只需要输入标签的名称即可。2.类选择器:精确控制。假如你要指定一些相同的元素拥有不同的样式,可以给元素添加不同的类名,然后用类选择器来应用对应的样式。任何使用类选择器呢?以下几点需要注意:(1)所有类选择器的名称都必须以一个原点开头,如 .class 这个类... 阅读全文
posted @ 2015-12-06 19:11 -cyber 阅读(237) 评论(0) 推荐(0)
摘要:1.为不支持某些属性的浏览器使用polyfill:如果想弥合较弱的浏览器和较强的浏览器之间的功能差异,可以使用polyfill(通常又称作垫片),通常用js实现。但是有些较弱的浏览器运行JS的速度要慢得多。2.为元素创建圆角:(1)为元素创建四个相同的圆角:.all-corners{ -webkit... 阅读全文
posted @ 2015-12-01 23:32 -cyber 阅读(182) 评论(0) 推荐(0)
摘要:1.WEB字体可以使用一系列文件类型,下面介绍三种字体类型:(1)内嵌OpenType(2)TrueType和OpenType台式机使用的标准字体文件类型(3)WEB开放字体格式。2.构造子集:节省页面重量的一种方法是构造子集,构造子集是通过仅包含确定使用字符削减实际字体大小的方法。3.在网站上使用... 阅读全文
posted @ 2015-12-01 23:32 -cyber 阅读(229) 评论(0) 推荐(0)
摘要:响应式网页可以根据浏览设备的不同而灵活的改变尺寸。省去了重新编写网页的麻烦。1.响应式页面的组成:(1)灵活的图像和媒体。(2)灵活的、基于网格的布局,也就是流式布局。(3)媒体查询。2.创建可伸缩图像:对任何想做成可伸缩图像的图像,在HTML的img标签中省略width和height属性,在样式表... 阅读全文
posted @ 2015-12-01 23:31 -cyber 阅读(244) 评论(0) 推荐(0)