自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 BOM与DOM

BOM概述1、什么是BOMBOM即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是windowBOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性BOM缺乏标准,javascript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部份1.2 BOM的构成window对象是浏览器的顶级对象,它具有双重角色1.它是js访问浏览器窗口的一个接口2.它是一个全局对象,定义在全局作用域中的变量,函数都会变成win

2020-08-03 13:52:07 199

转载 JavaScript基础

JavaScript简介JavaScript是一种解释型脚本语言,目的是能够在客户端的网页中增加动态效果和交互能力,实现了用户与网页之间的一种实时的、动态的交互关系。它最初是由网景公司设计的,起名为LiveScript,后来Java语言非常红火,网景公司希望借助Java的名气来推广,改名为JavaScript,但是除了语法有点相似,在其他部分基本上没啥关系。后来,JavaScript被Netscape公司交给ECMA制定标准,成为ECMAScript,最新版ECMAScript6(简称ES6)已经在2

2020-07-29 13:59:32 207

原创 transform、transition与animation

4.1 css变形Transformtranslate():平移函数,基于X、Y坐标重新定位元素的位置scale():缩放函数,可以使任意元素对象尺寸发生变化rotate():旋转函数,取值是一个度数值skew():倾斜函数,取值是一个度数值4.2 transition 过渡过渡相当于只提供两帧的动画,css帮助我们补充中间的过渡帧transition:[transition-property transition-duration transition-timing-function

2020-07-29 13:56:35 210

原创 HTML border padding margin border-radius

3.1 边框其他的border-width 还有border-style都是可以按这种方式进行设置还可以统一简写成border:1px solid red;3.2 外边距盒子和盒子之间的距离,margin四个方向都可以设置,设置方式和边框一样Margin妙用网页居中对齐 左右的这个值使用auto,使得元素左右居中显示3.3 padding 内边距设置的是内容和边框之间的距离Padding会撑大盒子的大小,要保持原样,可以自己计算新width的大小,减去padding的值解决方

2020-07-23 08:21:55 328

原创 用CSS样式完成作业

1、css设置字体和文字样式html<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>css_font</title> <link rel="stylesheet" type="text/css" href="css/css_font.css"/> </head> <body> <div>

2020-07-21 20:18:29 1329 1

转载 CSS基础知识

1、标签样式行内样式 内部样式 外部样式2、选择器类型①基本选择器:标签选择器类选择器id选择器优先级:id>类>标签②高级选择器:层次选择器结构伪类选择器属性选择器3、CSS①css背景样式background-color:背景颜色background-image:背景图片(URL背景地址,默认水平垂直都铺满背景图)background-repeat:背景图片的平铺方式(repeat-x、repeat-y、repeat、no-repeat)background

2020-07-20 19:40:21 140

原创 第一周 用HTML制作的所有网页

一 超链接1.京东读书页面 京东读书新闻资讯页面 看不见的完美硬币 :细节的负担 创新公司皮克斯的启示 细节从来都是个好东西,完美的细节往往给我们赢得商业上的胜利。 但是,在皮克斯,这一家满是完美主义设计师的企业里,细节竟然成了负担。 怎么打造完美的细节?又怎么赢得商业上的利益。皮克斯总裁艾德·卡特姆为我们解答。 看不见的完美硬币:细节的负担 在皮克斯,每一部电影都是商业与艺术的双赢。不管这些电影是艺术作品,还是商品,细节都是至关重要的,是决定成

2020-07-18 22:08:24 465

原创 From表单

1、按钮型submit 提交;reset 重置;button 按钮;image 图片 BUTTON 2、单选和复选radio 单选;checkbox 复选 onclick 男 女 Games Watching Cartoon Writing3、text、password、textarea、hidden 输入字段 Article:这是一个文本框,可以输入任意长度文本!!!这是一个文本框,可以输入任意长度文本!!!这是

2020-07-17 10:43:02 202

原创 关于iframe框架的知识小结

1、自我理解iframe主要适用于同一页面下的页面跳转,即不用重新加载本页面,直接点击超链接既可在指定的iframe框架下刷新。2、框架属性 属性 值 描述 src url地址 iframe初始显示的地址 name name iframe的名称,用于超链接的目标指定 width 像素 设定iframe的宽度 height 像素 设定iframe的高度 3、其他链接Blog...

2020-07-16 20:18:43 160

转载 关于<video>的一些属性

1、的适用范围现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera、Mozilla、Chrome),支持H.264的(Safari、IE 9、Chrome),都不支持的(IE6、7、8)。好吧,现在让我们从技术层面来认识HTML 5的视频,包括video标签的使用,视频对象可以用到的媒介属性和方法,以及媒介事件。2、有哪些属性Video标签含有src、poster、preload、autoplay、loop、controls

2020-07-16 13:21:29 1723

转载 关于列表List

ul是unordered lists的缩写 (无序列表)li是list item的缩写 (列表项目)ol是ordered lists的缩写(有序列表)dl是definition lists的英文缩写 (自定义列表)dt是definition term的缩写 (自定义列表组)dd是definition description的缩写(自定义列表描述)nl是navigation lists的英文缩写 (导航列表)tr是table row的缩写 (表格中的一行)th是table header cel

2020-07-15 20:16:38 354

原创 JAVA日常笔记

7月15日 HTML(超文本标记语言)初学习 start1、了解了HTML的基本格式,如下 JAVA日常笔记收获满满2、html发展史(https://blog.csdn.net/qq_42292831/article/details/88624886)3、W3C(万维网联盟)标准:结构化标准语言(XHTML、XML)表现标准语言(CSS)行为标准(DOM、ECMAScript)4、网页基本标签(位于中辅助性标签)、(段落标签)、(换行标签)、(分隔线)、(加粗)、(斜

2020-07-15 20:00:07 163

空空如也

空空如也

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

TA关注的人

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