自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 BOM概述

文章目录什么是BOMBOM构成窗口加载事件调整窗口大小事件setTimeout()定时器什么是BOMBOM是浏览器对象模型,他提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,而BOM最初是Netscape浏览器标准的一部分。BOM构成BOM比DOM更大,他包含着DOM,他的对象为windowwindow对象是浏览器的

2021-05-27 17:40:46 254 2

原创 DOM基本语法

API:在了解DOM之前,让我们先了解一下API。API是一些预定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。API简单来说就是一种工具。举个例子,我们用电脑上网,我们无需理解电脑连上网络的机制,我们仅仅需要把运营商提供的账号和密码输入就可以了。Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM),现阶段我们的API主要针对浏览器做交互效果。DOM:什么是DOM?DOM是文档对象模型,是W3

2021-05-22 13:35:21 812

原创 JS基本语法

写在前面:在学习js的过程中,我发现其中有很多语法规范都与c/c++/java有异曲同工之妙,例如if选择语句,while/for循环语句,switch语句等等, 因此在介绍相关语句时将会一笔带过。js的组成:js主要有三部分组成:JavaScript语法,页面文档对象模型(DOM),浏览器对象模型(BOM)。本次主要学习的是JavaScript基本语法。js的引入:与css一样,js也需要引用,并且也有三种引用形式,分为行内、内嵌和外部引入。1)行内式js:<input type="

2021-05-16 10:14:27 205

原创 浮动、定位、伪类以及伪元素

文章目录CSS浮动:1.标准流:2.浮动的语法规则:3.浮动的特性:4.浮动的注意点:5.清除浮动:(1)额外标签法:(2)父级添加overflow:(3)after伪元素法(4)双伪元素清除浮动:CSS定位:(1)静态定位:(2)相对定位:(3)绝对定位:(4)固定定位:*(6)粘性定位:边偏移:定位叠放次序:定位的拓展:伪类:(1):first-child 伪类伪元素:CSS浮动:CSS浮动:float是CSS中的定位属性,用于设置对象的浮动布局。在介绍浮动布局之前,我们先来认识一下标准流。1.标

2021-05-05 21:47:36 160

原创 CSS基础+盒子模型+选择器

文章目录CSS介绍:引入方式:CSS基础之字体:CSS基础之文本:(1)文本颜色:(2)对齐文本:(3)装饰文本:(4)文本缩进:盒子模型:选择器:(1)标签选择器:(2)类选择器:(3)id选择器:(4)通配符选择器:复合选择器:(1)后代选择器:(2)子选择器:(3)并集选择器:(4)链接伪类选择器以及focus伪类选择器:CSS介绍:CSS: 能够对HTML骨架进行修饰的计算机语言,有了CSS,我们就实现了结构与样式相分离,使HTML专注于结构,CSS专注于样式,极大的减轻了前端程序员的后期维护成

2021-04-25 23:02:51 177

原创 HTML标签及浏览器概览

HTML标签(1)一般的常见标签:<strong>加粗标签</strong><b>加粗标签</b><em>斜体标签</em><i>斜体标签</i><ins>下划线标签</ins><u>下划线标签</u><del>删除线标签</del><s>删除线标签</s><div>块级标签</div&g

2021-04-23 20:37:12 232

原创 前端及vscode初识与vscode插件安装

文章目录前端及vscode初识与vscode插件安装一:前端初识二:认识vscode并安装vscode插件(1)vscode图标:(2)vscode界面:(3)vscode插件的安装:(4)vscode插件的禁用与卸载:(5)常用插件介绍:前端及vscode初识与vscode插件安装一:前端初识前端,通俗理解即视觉可见区域,当我们打开一个网站,能看到的部分大多都有前端技术来完成。例如bilibili主站及其源码。其中上半部分为展示给用户的页面,下半部分为制作此网页的源码。而源码部分主要由HTML

2021-04-15 13:21:32 195

原创 2021-02-01

JavaScript初见为什么学习 JavaScript?JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:1.HTML 定义了网页的内容2.CSS 描述了网页的布局3.JavaScript 网页的行为JavaScript的学习需要建立在HTML和CSS的基础之上。...

2021-02-04 10:35:42 40

原创 css清除浮动

清除浮动语法:选择器 {clear:left/right/both}left表示不允许左侧有浮动元素;right表示不允许右侧有浮动元素;both表示清除两端的浮动影响;实际工作中几乎只用clear:both;1.额外标签法:在浮动标签末尾添加一个空的标签。例如:<style> div li { list-style: none; } .clear { clear: both; }

2021-01-27 18:09:01 49

原创 用HTML5写一个课程表

用HTML5写一个课程表。案例:这个思路挺简单的,写一个表格,注意单元格的合并和表框的处理就没有问题。需要用到的基础标签如:<table></table> <p></p>等不再赘述。用到的关键标签:<table cellspacing="0" border="1"></table>以及单元格跨行合并标签<td rowspan="n"></td>还有表示单元格背景颜色的标签:&lt

2021-01-15 22:11:05 1167 1

空空如也

空空如也

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

TA关注的人

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