自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 初识BOM

BOM什么是BOMBOM的定义BOM的组成window对象窗口加载事件窗口大小调整事件定时器JS执行机制JS单线程同步与异步location对象navigator对象history对象什么是BOM1.BOM的定义BOM———BrowserObjectModel浏览器对象模型允许 JavaScript 与浏览器对话专门操作浏览器窗口的API——没有标准,有兼容性问题2.BOM的组成window对象window对象是浏览器的顶级对象,他具有双重角色

2021-05-30 17:18:17 130 1

原创 DOM

DOM

2021-05-23 18:43:25 102

原创 JS基本语法

JS基本语法JS的组成JS的引入1.行内式2.内嵌式3.外部文件输入输出语句变量变量的声明与赋值简单数据类型1.Number2.Boolean3.String4.Undefined5.Null获取变量的数据类型数据类型转换运算符流程控制的结构全局变量与局部变量对象作用域链预解析与运行JS的组成JS由三部分组成:1.ECMAScript:JS的核心语法部分。简单来说就是代码该怎么写,全由ECMAScript决定。2.DOM:文档对象模型。简单来说就是以doc

2021-05-16 19:21:20 715

原创 圣杯,双飞翼

圣杯,双飞翼模型相同点不同点圣杯模型双飞翼模型相同点两边顶宽,中间自适应的三栏布局。 中间栏要在放在文档流前面以优先渲染。圣杯布局和双飞翼布局解决问题的方案在前一半是相同的,也就是三栏全部float浮动,但左右两栏加上负margin让其跟中间栏div并排,以形成三栏布局。且最终呈现出来的结果也是一样的。不同点虽然最终结果与前几步都是一样的,但是双飞翼㔿圣杯还是有很大的不同的,不同之处就在于他们两个对于该页面的实现方式是不同的,圣杯是讲三个部分放在了一个盒子中,大盒子内部进行调整,而双飞

2021-05-16 12:12:58 113

原创 css骰子布局٩ξ°v°ʔو~

css骰子布局٩ξ°v°ʔو~关于骰子布局,顾名思义就是用css来做出一个骰子,只不过是骰子的展开图。在日常生活中我们知道,骰子相对的面眼数之和为7眼。就是这个样子,代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m

2021-05-14 22:04:29 681

原创 浮动、定位、伪类以及伪元素٩ξ°v°ʔو~

浮动、定位、伪类以及伪元素٩ξ°v°ʔو~浮动关于浮动用法布局清除浮动定位组成静态定位相对定位绝对定位固定定位粘性定位定位叠放伪类语法伪元素遇到的一些问题QAQ浮动关于浮动1)为什么要用浮动?总结︰有很多的布局效果, 标准流没有办法完成 ,此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式。浮动最典型的应用:让多个块级元素在一行内排列。关于标准流:标准流又被称为(普通流/文档流)顾名思义,所谓的标准流就是标签按照规定好的默

2021-05-08 10:41:56 216

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

CSS基础、盒子模型、选择器文章目录CSS基础CSS介绍即层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS特点CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS 节省了大量工作。它可以同时控制多张网页的布局。外部样式表存储在 CSS 文件中 。我的想法我认为CSS就是一种可以将自己想要表达的内容通过直观的方式展现给别人的工具,可以用来让自己的网页变得更加好看。可以真

2021-04-26 23:36:29 206

原创 HTML标签、认识浏览器

HTML标签、认识浏览器1.什么是HTML标签那么标签有哪些呢块级标签行内标签行内块标签按作用分类(太多懒得加锚点QAQ)2.什么是浏览器内核主流浏览器 什么是html标签 超文本标记语言(外国语简称:HTML)标记标签通常被称为HTML标签,HTML标签是HTML语言中最基本的单位,HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的大小写无关的,例如“主体”跟表示的意思是一样的,推荐使用小写。(来自于百度百科)我认为标签相当于是

2021-04-24 11:22:11 151

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

前端、vscode初识以及vscode插件安装1.什么是前端什么是源码2.什么是vscode下载插件3.vscode使用感觉什么是前端顾名思义,前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,合适的动效设计,给用户带来极高的用户体验。这个是百度百科上的现在是一些我自己的想法:我认为前端就是我们日常上网冲浪的时候看得见摸得着 ? 的东西,就比如这个图

2021-04-16 19:40:51 461

原创 2021-03-27

JAVA前三章知识梳理第一章 JAVA入门1.1 JAVA的特点(1)简单许多基本语法与C语言是一致的,但各有各的长处,JAVA更为简单一点,例如JAVA里没有指针的概念。(2)面向对象JAVA属于面向对象程序设计,同样的还有C++,而C与Python则属于面向过程程序设计。(3)平台无关JAVA语言与其他语言相比,其最大的优点就是Java的平台无关性,正是因为Java可以再平台上再提供一个Java运行环境。(4)多线程多线程允许同时执行多个任务。(5)动态Java可以动态维修程

2021-03-28 15:36:08 64

原创 2021-01-23

文字阴影语法text-shadow:none | h-shadow,v-shadow (,blur,color);取值none: 无阴影h-shadow: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值v-shadow: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值blur: 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值color: 设置对象的阴影的颜色。说明设置或检索对象中文本的文字是否有阴影及模糊效果。可以设定多组效果,每组参数值以逗号分隔。..

2021-01-23 23:38:00 48

原创 2021-01-23

盒子阴影语法box-shadow:none | h-shadow,v-shadow,(blur,spread,color,inset);取值none: 无阴影h-shadow: 第1个长度值用来设置对象的阴影水平偏移值。可以为负值v-shadow: 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值blur: 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值spread: 如果提供了第4个长度值则用来设置对象的阴影外延值。可以为负值color: 设置对象的阴影的颜色。

2021-01-23 23:34:20 58

原创 2021-01-23

圆角边框一、圆形语法border-radius:[ | ]{1,4}原理如图取值: 用长度值设置对象的圆角半径长度。不允许负值: 用百分比设置对象的圆角半径长度。不允许负值说明设置或检索对象使用圆角边框。提供2个参数,2个参数以“/”分隔,每个参数允许设置1~4个参数值,第1个参数表示水平半径,第2个参数表示垂直半径,如第2个参数省略,则默认等于第1个参数水平半径:如果提供全部四个参数值,将按上左、上右、下右、下左的顺序作用于四个角。如果只提供一个,将用于全部的于四个角。

2021-01-23 23:26:41 55

原创 2021-01-15

前端学习HTML第一周四级标题这一周开始学习HTML,教材使用的是黑马程序员pink老师的前端入门学习了网页的大致结构以及一些常用的标签常用的标签< html>< /html>< head>< /head>< title>< /title>< body>< /body>< h1>< /h1>< h2>< /h2>< h3>&lt

2021-01-15 21:08:24 184 4

空空如也

空空如也

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

TA关注的人

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