自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(17)
  • 收藏
  • 关注

原创 第十四周笔记4

JQuery常用效果一、隐藏和显示–jQuery hide() 和 show()语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:“slow”、“fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。<!DOCTYPE html><html><head><meta

2021-06-02 18:29:28 59

原创 第十四周笔记3

5.mouseleave()当鼠标指针离开元素时,会发生 mouseleave 事件。mouseleave() 方法触发 mouseleave 事件,或规定当发生mouseleave 事件时运行的函数:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>zpyooooo</title> <script src="https://cdn.static

2021-06-02 18:29:12 70

原创 第十四周笔记2

JQuery 事件一、事件页面对不同访问者的响应叫做事件。事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例:-在元素上移动鼠标。选取单选按钮点击元素在事件中经常使用术语"触发"(或"激发")例如: “当按下按键时触发 keypress 事件”。常见 DOM 事件:鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenter

2021-06-02 18:25:41 69

原创 第十四周笔记1

JQuery 初步JQuery简介和安装网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 可以使用以下方法:①从 jquery.com 下载 jQuery 库②从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery③下载 jQuery有两个版本的 jQuery 可供下载:①Production version - 用于实际的网站中,已被精简和压缩。②Development version - 用于测试和开发(未压缩,是可读的代码)以上两个版.

2021-06-02 18:20:44 77

原创 第十三周笔记

HTML DOM 事件一、对事件作出反应HTML DOM 使 JavaScript 有能力对 HTML 事件做出反应。可以在事件发生时执行JavaScript,比如当用户在 HTML 元素上点击时。如需在用户点击某个元素时执行代码,需要向一个 HTML 事件属性添加 JavaScript 代码onclick=JavaScriptHTML 事件的例子:当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按

2021-06-02 17:15:28 99 1

原创 第十二周笔记

练习从初探JavaScript、基础Javascript练习中,自主选择10个体现目前自己能达到的最好水平的小练习完成,在学习周记中记录并展示。

2021-05-28 20:10:22 66

原创 第十一周笔记

BootStrap实例-设计团队介绍页面1.页面标题<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap zpy - 团队名称</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootst

2021-05-20 20:43:40 70

原创 第十周笔记

CSS定位1.定位概述(1)CSS 定位和浮动CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然,这个功能非常强大,也很让人吃惊。浮动不完全是定位,不过,它当然也不是正常流布局。我们会在后面的章节中明确浮动的含义。(2)一切皆为框div、h1 或 p 元素常常被称为块

2021-05-07 21:07:22 165

原创 第九周笔记

如何添加图标向 HTML 页面添加图标的最简单方法是使用图标库,比如 Font Awesome将指定的图标类的名称添加到任何行内 HTML 元素(如 或 )。下面的图标库中的所有图标都是可缩放矢量,可以使用 CSS进行自定义(大小、颜色、阴影等)。<!DOCTYPE html><html><head><title>Font Awesome Icons</title><meta name="viewport" content=

2021-05-07 20:16:28 118

原创 第八周笔记

CSS 字体(1)指定字体系列使用 font-family 属性 定义文本的字体系列。例如:h1 {font-family: Georgia, serif;}如果用户没有安装 Georgia,但安装了 Times 字体(serif 字体系列中的一种字体),用户代理就可能对 h1 元素使用 Times。(2)使用引号只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,才需要在 font-family 声明中加引号。例如:p {font-family:

2021-04-26 20:32:16 87

原创 第七周笔记

CSS 文本1.缩进文本把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:p{text-indent: 5em;}注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替

2021-04-26 20:24:32 134

原创 第六周笔记

CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。例如:selector {property: value}下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。在这个例子中,h1 是选择器,color 和 font-size 是属性,red

2021-04-19 23:30:56 55

原创 第五周笔记

HTML框架1.框架的作用通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。使用框架的坏处:开发人员必须同时跟踪更多的HTML文档;很难打印整张页面。2.框架结构标签框架结构标签定义如何将窗口分割为框架,每个 frameset 定义了一系列行或列,rows/columns 的值规定了每行或每列占据屏幕的面积。3.框架标签(Frame)Frame 标签定义了放置在每个框架中的 HTML 文档。在下面的这个例子中,我们设置了一个两

2021-04-16 00:11:12 88

原创 第四周笔记

CSS 基础语法1.层叠次序一般而言,所有的样式会根据下面的优先级层叠于一个新的虚拟样式表中:1.浏览器缺省设置2.外部样式表3.内部样式表(位于 标签内部)4.内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明: 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。CSS 语法CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。每条声明由一个属性和一个值组成。每个属性有一个值。

2021-04-15 23:52:09 104

原创 第三周笔记

文字标签可以进行标签套用,优先生效最近的外套标签<h2 align="center">这是文字标签展示</h2> <font color="red" size="5" face="隶书"><B>隶书加粗</B></font> <font color="blue" size="5" face="楷书"><I>楷书斜体</I></font> <font color="gr

2021-04-15 23:38:46 68

原创 第二周笔记

如何使用CSSCSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.CSS 可以通过以下方式添加到HTML中:内联样式- 在HTML元素中使用"style" 属性内部样式表 -在HTML文档头部 区域使用内联样式当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。HTML样式实例 - 背景颜色背景色属性(background-color)定义一个元素的背景颜色早期背景色属性(ba

2021-03-24 20:44:34 67

原创 学习周记1

学习周记1HTML元素HTML实例解析HTML 空元素HTML元素HTML元素以开始标签起始 HTML元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML元素具有空内容(empty content) 空元素在开始标签中进行关闭(以开始标签的结束而结束) 大多数 HTML元素可拥有属性HTML实例解析 元素:这是第一个段落。这个 元素定义了 HTML 文档中的一个段落。这个元素拥有一个开始标签 以及一个结束标签 .元素内容是: 这是第一个段落。 元素:这是第一

2021-03-11 17:34:56 105 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除