随笔分类 -  Web前端

Bootstrap补充
摘要:一、一个小知识点 1、截取长屏的操作 2、设置默认格式 3、md,sm, xs 4、空格和没有空格的选择器 二、响应式介绍 - 响应式布局是什么? 同一个网页在不同的终端上呈现不同的布局等 - 响应式怎么实现的? 1. CSS3 media query 媒体查询 2. JS去控制网页的布局和样式等 阅读全文
posted @ 2017-10-18 20:48 海燕。 阅读(1115) 评论(3) 推荐(2) 编辑
jQuery之jQuery扩展和事件
摘要:一、jQuery事件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>常用事件</title> 6 </head> 7 <body> 8 <input type="text" name=" 阅读全文
posted @ 2017-10-17 23:19 海燕。 阅读(8770) 评论(0) 推荐(2) 编辑
jquery之文档操作
摘要:(2)innerwrap 和 wrap 和 warpAll (3)克隆 (4)empty 和 remove (5)牛逼的操作 (6)取消Bootstrap默认提示 三、具体代码实现 1、返回首页 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <met 阅读全文
posted @ 2017-10-16 19:44 海燕。 阅读(1767) 评论(0) 推荐(0) 编辑
Jquery2--属性相关的操作
摘要:知识点总结 一、属性操作 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>属性示例</title> 6 </head> 7 <body> 8 <img src="Bootstrap_i1. 阅读全文
posted @ 2017-10-14 16:41 海燕。 阅读(889) 评论(0) 推荐(0) 编辑
jQuery基本语法
摘要:- toggleClass() 切换|开关:有就移除,没有就添加 - addClass("hide") 添加类 - removeClass("hide") 删除类 (2) (3) (4) 二、练习题 答案 三、开关示例 阅读全文
posted @ 2017-10-12 18:18 海燕。 阅读(9274) 评论(0) 推荐(0) 编辑
js之DOM对象三
摘要:一、JS中for循环遍历测试 for循环遍历有两种 第一种:是有条件的那种,例如 for(var i = 0;i<ele.length;i++){} 第二种:for (var i in li ){} 现在我们来说一下测试一下第二种(数组和obj的) 1 <!DOCTYPE html> 2 <html 阅读全文
posted @ 2017-10-11 22:10 海燕。 阅读(882) 评论(0) 推荐(0) 编辑
继续JS之DOM对象二
摘要:前面在JS之DOM中我们知道了属性操作,下面我们来了解一下节点操作。很重要!! 一、节点操作 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>节点操作</title> 6 <style> 阅读全文
posted @ 2017-10-10 17:39 海燕。 阅读(819) 评论(0) 推荐(0) 编辑
js之DOM对象一
摘要:一、什么是HTML DOM HTML Document Object Model(文档对象模型) HTML DOM 定义了访问和操作HTML文档的标准方法 HTML DOM 把 HTML 文档呈现为带有元素、属性和文本的树结构(节点树) 二、DOM树 画dom树是为了展示文档中各个对象之间的关系,用 阅读全文
posted @ 2017-09-26 18:52 海燕。 阅读(4552) 评论(1) 推荐(1) 编辑
JavaScript(JS)之Javascript对象
摘要:简介: 在JavaScript中除了null和undefined以外其他的数据类型都被定义成了对象,也可以用创建对象的方法定义变量,String、Math、Array、Date、RegExp都是JavaScript中重要的内置对象,在JavaScript程序大多数功能都是基于对象实现的 一、stri 阅读全文
posted @ 2017-09-25 21:26 海燕。 阅读(1524) 评论(2) 推荐(1) 编辑
JavaScript(JS)之简单介绍
摘要:一、JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Na 阅读全文
posted @ 2017-09-22 23:12 海燕。 阅读(3985) 评论(0) 推荐(0) 编辑
css样式之补充。。。
摘要:css常用的一些属性: 1.去掉下划线 :text-decoration:none ;2.加上下划线: text-decoration: underline; 3.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 没设置之前: 设置之后: 3.外边距: 阅读全文
posted @ 2017-09-22 21:41 海燕。 阅读(934) 评论(0) 推荐(0) 编辑
css样式之属性操作
摘要:一、文本属性 1.text-align:cnter 文本居中 2.line heigth 垂直居中 :行高,和高度对应 3.设置图片与文本的距离:vertical-align 4.text-decoration:none 去掉超链接下划线 5.要是给a标签修改颜色的时候,就定到a标签上,用继承有时候 阅读全文
posted @ 2017-09-21 17:44 海燕。 阅读(2266) 评论(1) 推荐(0) 编辑
css之操作属性
摘要:1.文本 1.文本颜色:color 颜色属性被用来设置文字的颜色。 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 2.水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式。 le 阅读全文
posted @ 2017-09-21 08:16 海燕。 阅读(1375) 评论(0) 推荐(1) 编辑
前端之css样式(选择器)。。。
摘要:一、css概述 CSS是Cascading Style Sheets的简称,中文称为层叠样式表,对html标签的渲染和布局 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 例如 二、css的四种引入方式 1.行内式 行内式是在标记的style属性中设定CSS样式。这种方式没有体现出C 阅读全文
posted @ 2017-09-19 17:16 海燕。 阅读(21923) 评论(1) 推荐(3) 编辑
html 之表单,div标签等。。。。。。。
摘要:一、表单 功能:表单用于向服务器传输数据,从而实现用户与Web服务器的交互 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。 表单属性 action: 表单提交到哪.一般指向服务器端一个程 阅读全文
posted @ 2017-09-19 15:47 海燕。 阅读(4860) 评论(0) 推荐(0) 编辑
前端基础之html
摘要:一、初始html 1.web服务本质 2.html是什么? 超文本标记语言(Hypertext Markup Language,HTML)通过标签语言来标记要显示的网页中的各个部分。一套规则,浏览器认识的规则 浏览器按顺序渲染网页文件,然后根据标记符解释和显示内容。但需要注意的是,对于不同的浏览器, 阅读全文
posted @ 2017-09-13 17:28 海燕。 阅读(2070) 评论(0) 推荐(1) 编辑