HTML
花莫弦
达则兼济天下,穷则独善其身
展开
-
学习html(1)
1.介绍 出处:W3c组织 Html超文本标记语言 文件头具有HTML Xhtml HTML+xml 文件头具有XHTML Html5 跨平台性,语法包容性 文件头具有html .html结尾 .css结尾 .js结尾 2.工具 Sublime 火狐等 好的工具更多的语法提示,更加的方便 3.主要构成 大原创 2015-06-29 08:47:48 · 426 阅读 · 0 评论 -
学习JS(2)
1.JS的对象操作 对象的基本特性具有属性和方法。 对象理解上可以理解成一个种类事物的一个。 2.对象种类 字符串对象String,时间对象 Date,数学对象 Math,数组对象等。 3.浏览器window对象 例如window.alert(“hello”);是指输出。 Confirm向用户确认,setIntval设置时间,cle原创 2015-07-30 23:33:06 · 438 阅读 · 0 评论 -
学习JS(5)
1.作用域 1)在JS中,嵌套函数时非常普遍的,在函数嵌套中,首先在函数内寻找变量,如果查找不到,在逐层向外查找,直到全局区域,最后undefined; 2)var是在函数运行的上下文中,声明一个变量,如果不加的话,则仅仅是一个复制操作; 3)如果对于没有生命var的变量,在任何地方都找不到,就赋给window全局; 4)以windows来引用全局变量,查原创 2015-08-12 23:26:38 · 351 阅读 · 0 评论 -
学习JS(7)
1.DOM事件 1)DOM对象的句柄书写; 2)句柄绑定函数; 3)在事件发生的同时,关于事件的信息,如发生时鼠标在屏幕上面的坐标,事件类型等这些信息,都会被打包成一个对象,返回给我们获取。 这个对象就是DOM事件对象。 2.绑定事件 1)将事件写在标签的属性里面,例如onclick=””,这种方式受到所有浏览器支持,但是代码混乱,不够简洁原创 2015-08-27 23:28:55 · 374 阅读 · 0 评论 -
学习JS(3)
1.DOM查找对象 按照id来找:document.getElementById(‘id’),返回值是对象。 按照标签来找:document.getElementsByTagName(‘div’),返回值是单个或多个同类标签的集合,再通过下标查找。 按照表单来找:对于表单元素,可以使用name来查询,返回值是对象集合, document.getElement原创 2015-08-01 23:41:52 · 367 阅读 · 0 评论 -
学习CSS(6)
1.CSS3颜色和透明度 在CSS3中,可以使用rgb模式,十六进制模式,以及关键字模式进行颜色设置,同时支持RGBA模式,HSL模式和HSLA模式,另外可以使用CSS3实现渐变色。 2.RGBA模式 background-color.rgba(192,192,192,0.5),字母所对应位置即为设置的对象,若要使背景实现全透明,可以使用background:trans原创 2015-07-23 09:01:49 · 362 阅读 · 0 评论 -
学习JS(4)
1.定时器setTimeout Window.setTimeout(‘语句’,‘毫秒’),隔多少秒执行。 2.定时器setInterval 每隔多少秒执行。 3.清除定时器 利用clearInterval或者clearTimeout设置。 4.DOM事件 onfocus 获得焦点事件; onblur 失去焦点事件;原创 2015-08-02 22:18:56 · 325 阅读 · 0 评论 -
学习CSS(7)
1.CSS3用户界面 可以自由的控制页面当中某个元素大小,可以设置外边框用来突出重点,可以实现类似于报纸版面的排列效果,可以重定义盒子模型的表现形式。 2.CSS3多列 能够创建多栏来进行文本的布局。属性描述column-count规定元素应该被分隔的列数column-gap原创 2015-07-23 22:03:03 · 367 阅读 · 0 评论 -
学习CSS(8)
1.CSS3的2D转换属性属性描述transform向元素应用2D或3Dtransform-origin允许改变被转换对象的源位置 2.CSS3的2D转换函数函数描述matrix(n,n,n,n,n,n)原创 2015-07-23 23:01:42 · 392 阅读 · 0 评论 -
十六进制颜色值参考
#FFFFF0 #FFFFE0 #FFFF00 #FFFFFF #FFFAFA #FFFAF0 #FFFACD #FFF8DC #FFF68F原创 2015-09-06 21:19:53 · 1443 阅读 · 0 评论 -
学习html5(1)
1.html基础 1) 声明,表明确切的html的版本。 2) 整个文档包含其中。 3) 编码格式、标题,语言格式等。 4) 页面上面主要显示的内容。 5)…… 标题字体大小的定义。 6) 段落。 7) 链接标签。 8) 链接图片文件。原创 2015-11-03 23:31:19 · 369 阅读 · 0 评论 -
学习html5(2)
1.CSS样式 1)背景:background-attachment背景图像是否固或者随着页面的其余部分滚动,background-color背景颜色,background-image背景图片,background-position设置背景图片起始位置,background-repeat设置背景图片是否重复,background-size背景图片的尺寸,background-origin原创 2015-11-16 23:01:47 · 331 阅读 · 0 评论 -
学习html5(3)
1.多媒体 1)音频:audio标签定义音频,source标签定义多媒体资源,可以是多个,ogg或者mp3等,controls属性进行音频流的控制(audio使用方式同image); 2)视频:video标签定义视频,source标签定义多媒体资源,可以是多个,ogg或者mp4等,controls属性进行视频流的控制(video使用方式同image),同时可以设置width和h原创 2015-11-18 23:08:38 · 393 阅读 · 0 评论 -
学习JS(1)
1.JS和DOM的关系 浏览器有渲染html代码的功能,把html代码在内存中形成一个DOM对象,浏览器在内部有一个js的解释器,当在html中写入js的时候,js代码被引擎所执行,执行的结果,就是对DOM的操作,而DOM操作的结果,就是特效。 注:BOM对象包含DOM,和地址栏、历史记录等。 2.JS的引用 1)利用 “js语言”引入; 2)调用j原创 2015-07-29 23:55:05 · 376 阅读 · 0 评论 -
学习JS(6)
1.闭包 示例: function func1() { var tmp = 10; function func2() { alert(tmp); } return func2; } 不像C语言中,当func1执行完毕之后,tmp就被释放,而原创 2015-08-23 22:32:37 · 431 阅读 · 0 评论 -
学习html(2)
1.新手常犯的错误 1..不加doctype,导致低版本IE,解析效果不一样 2.id为数字,属性不能够单独用数字 3.编码不一致,文件编码和chatset声明不一致,在head中的meta中表示 2.盒模型 外边距margin和内边距padding,边框 boder magin:在属性和css中设置,margin分为上下左右,四个方向。另原创 2015-07-01 08:49:35 · 430 阅读 · 0 评论 -
学习html(5)
1.CSS选择器 id选择器,独一无二,是唯一的。 class选择器,是指一组的。 标签选择器,指所有此类标签。 派生选择器,例如 div p,利用元素之间的上下级和包含关系声明。 主要使用的就是这四种,其他的还有通配符选择器,日期选择器等等。 2.CSS优先级 如果一个控件设置了多个选择器,产生冲突的时候,最精确的显示,控制越精原创 2015-07-03 09:07:04 · 513 阅读 · 0 评论 -
学习html(3)
1.利用margin实现元素居中 margin:0px auto; 按照父控件的大小来居中。2.margin的重叠现象 两个相互邻近的普通元素,相互邻近的上下边距并不是普通的叠加,而是相互重叠,取其中较大的边距值,强调是普通元素。 3.inline内联元素(行内元素) 行内元素只在行内发生变化,可以利用设置。 和块状元素的比较:原创 2015-07-02 08:56:39 · 499 阅读 · 0 评论 -
学习html(6)
1.html学习思维导图 doctype 文档类型声明。 head 浏览器,搜索引擎看。 body 各种标签。 div 各种布局 从上到下,从左到右,从大到小。 盒子模型 各种属性 浮动布局。 CSS效果 1.选择器 2.控制效果:段落控制、文字控制、背景控制 3.引入方式:四种 4.初始化。 html标签 无语义标签 有语义标原创 2015-07-04 21:43:28 · 495 阅读 · 0 评论 -
学习CSS(1)
1.CSS层叠样式表 内容和样式分离,让搜索引擎处理起来更加的快速。 层叠样式表,通俗的意思指层层的叠加出的样式的效果。 2.CSS历程 CSS1提供有限的关于字体,颜色,位置和文本属性的基本信息。 CSS2将内容和样式效果分离,提供更多的选择器。 CSS3按照模块来发布,容易维护和开发,比如盒子模型,列表模块,超链接方式,语言模块,背景和原创 2015-07-12 18:33:45 · 435 阅读 · 0 评论 -
学习CSS(2)
1.总体介绍 CSS3响应式布局,为了解决如今各式各样的浏览器分辨率以及不同移动设备的显示结果,就是一个网站能够兼容多个终端,而不是为每个终端做一个特定的版本,即一个页面可以在多个终端呈现出你想要的效果,能够兼容多个终端。 优点:兼容性更好,兼容多个设备。 缺点:兼容量设备工作量大,效率低,代码累赘,出现很多无用的元素,加载时间长,可能造成布局不同,辨识度出现差异。原创 2015-07-09 23:34:30 · 436 阅读 · 0 评论 -
学习html(7)
1.超链接标签 在href中添加链接的地址,进行跳转,在网络上的添加上网址即可。 target显示添加打开新页面还是不打开新页面,_blank打开新的页面。 title鼠标放上去显示信息。 超链接标签是一个标准的内联元素。 2.锚点 链接到页面,让某一位置置为打开位置。 定位到tips锚点。 3.原创 2015-07-05 21:54:54 · 525 阅读 · 1 评论 -
学习html(4)
1.CSS控制段落文本 表示一段话,同样可以添加背景颜色等元素。 text-indent:段落缩进,就是在段的前方空多少像素。 text-align:center:文字居中,对齐方式。 text-decoration:underline:下划线;overline:上划线;line-through:删除线。 letter-spacing:字与字之间原创 2015-07-02 22:48:28 · 530 阅读 · 0 评论 -
学习CSS(3)
一、不同浏览器的差异 由于并不是所有的浏览器都完全支持CSS3的,所以各浏览器对于不同方式实现相同的效果,具有不同的前缀表示(HTML5支持跨浏览器,但是各浏览器兼容程度不同)。二、CSS3边框属性 1.border-radius:边框圆角属性; 2.box-shadow:边框阴影属性; 3.border-image:利用图片添加边框属性原创 2015-07-13 22:24:18 · 427 阅读 · 0 评论 -
学习html(8)
1.利用行高设置文字的居中 line-height,相当于某一部分整个只有一行文字,所以显示文字居中。 2.色彩的表示 颜色用数字来表示,计算机世界能够识别二进制。 三原色各在0~255之间进行变化,即为00~FF。 Html中有三种表现形式: 1.#123456; 2.rgb( 200,200,200); 3.oran原创 2015-07-06 23:49:42 · 406 阅读 · 0 评论 -
学习CSS(4)
1.CSS背景属性属性描述background-image规定背景的背景图background-position规定背景的定位background-repeat规定背景的重复方式background-color规定背景的颜色原创 2015-07-14 23:08:28 · 372 阅读 · 0 评论 -
学习CSS(5)
1.CSS文本模型属性描述text-overflow文本溢出text-fill-color文本填充颜色text-stroke文字描边text-stroke-width文字描边的宽度text-stroke-color原创 2015-07-15 22:25:41 · 355 阅读 · 0 评论 -
学习html5(4)
1.javascript基础 1)放在script标签内; 2)可以使用write来写入内容; 3)命名规则同c语言的命名规则是一样的; 4)数据类型同C++类似,多了一个未定义; 5)可以通过赋值为null来清除变量。 2.javascript语法 1)运算符:算术运算符、赋值运算符、字符串操作、比较运算符、逻辑运算符、条件运算原创 2015-12-01 23:42:22 · 410 阅读 · 0 评论