web前端
郭坑
经常画画,经常写作,经常摄影,极少写代码。
展开
-
Html和CSS的关系
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网原创 2016-03-02 15:43:48 · 342 阅读 · 0 评论 -
JavaScript:对Dom的操作
认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。HTML文档可以说由节点构成的集合,DOM节点有:元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CS原创 2016-04-02 20:59:58 · 378 阅读 · 0 评论 -
JavaScrit常用的简单交互
警告(alert 消息对话框)我们在访问网站的时候,有时会突然弹出一个小窗口,上面写着一段提示信息文字。如果你不点击“确定”,就不能对网页做任何操作,这个小窗口就是使用alert实现的。语法:alert(字符串或变量); 看下面的代码:<script type="text/javascript"> var mynum = 30; alert("hello!"); alert(m转载 2016-03-22 10:36:44 · 627 阅读 · 0 评论 -
JavaScript:事件响应
什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。主要事件表:转载 2016-03-24 15:43:54 · 326 阅读 · 0 评论 -
css样式分类
内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:<p style="color:red">这里文字是红色。</p>css样式代码要写在style=”“双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:<p style="color:red;font-size:12px">这里文字是红色。</p>嵌入式css样式,就是可以把css样式代码写转载 2016-03-03 17:35:14 · 349 阅读 · 0 评论 -
JavaScript:Location对象和Navigator对象
location用于获取或设置窗体的URL,并且可以用于解析URL。语法:location.[属性|方法]location对象属性图示: location 对象属性: location 对象方法: Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。对象属性: 查看浏览器的名称和版本,代码如下:<script type="text/javascript">原创 2016-03-29 16:04:16 · 414 阅读 · 0 评论 -
Bootstrap:基本模板
Bootstrap示例代码:http://www.imooc.com/code/2791 Bootstrap中文网:http://v3.bootcss.com/Bootstrap的基本模板:<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compat原创 2016-03-16 21:58:06 · 800 阅读 · 0 评论 -
Bootstrap:常用的排版风格
-强调相关的类在Bootstrap中除了使用标签`<strong>、<em>`等说明正文某些字词、句子的重要性,Bootstrap还定义了一套类名,这里称其为强调类名(类似前面说的“.lead”),这些强调类都是通过颜色来表示强调,具本说明如下:> .text-muted:提示,使用浅灰色(#999)> .text-primary:主要,使用蓝色(#428bca)> .转载 2016-03-18 16:03:05 · 2260 阅读 · 0 评论 -
认识WebSocket
原文:http://www.cnblogs.com/wei2yi/archive/2011/03/23/1992830.html在HTML5规范中,我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的W转载 2016-05-17 16:19:31 · 426 阅读 · 0 评论