web前端学习
关注
分享
扫一扫
包含h5和CSS的学习，以及常见问题的解决方案
逍遥自在”
这个作者很懒，什么都没留下…
展开
-
JavaScript BOM（浏览器对象模型）
BOM介绍：浏览器对象模型，可以使我们通过JS来操作浏览器，在BOM中为我们提供了一组对象，用来完成对浏览器的操作。BOM对象：Window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器Location代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作浏览器跳转页面History代表浏览器的历史记录，可以通过该对象来操作浏览器的历史记录；由于隐私原因，该对象不能获取到原创 2020-08-01 08:51:25 · 442 阅读 · 0 评论 -
JavaScript事件学习
文章目录事件介绍（Event）事件的冒泡（Bubble）：事件的委派：事件的绑定：事件的传播滚轮事件键盘事件事件介绍（Event）事件指的是用户和浏览器之间的交互行为。比如：点击按钮、关闭窗口、鼠标移动。。。我们可以为事件来绑定回调函数来响应事件。绑定事件的方式：1.可以在标签的事件属性中设置相应的JS代码例子：按钮2.可以通过为对象的指定事件属性设置回调函数的形式来处理事件例子：<button id="btn">按钮</button><scrip原创 2020-07-31 10:38:34 · 481 阅读 · 0 评论 -
JavaScript DOM（文档对象模型）
文章目录Document Object Model（DOM）DOM操作事件（Event）文档的加载DOM查询DOM修改DOM对CSS的操作读取和修改内联样式读取元素的当前样式其他的样式相关的属性事件（Event）Document Object Model（DOM）文档对象模型，通过DOM可以来任意来修改网页中各个内容文档文档指的是网页，一个网页就是一个文档对象对象指将网页中的每一个节点都转换为对象转换完对象以后，就可以以一种纯面向对象的形式来操作网页了模型模型用来表示节点和原创 2020-07-31 10:02:21 · 503 阅读 · 0 评论 -
JavaScript基础
数据类型指的就是字面量的类型；在JS中一共有六种数据类型：String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义object 对象其中String Number Boolean Null Undefined属于基本数据类型而0bject属于引用数据类型String 字符串在JS中字符串需要使用引号引起来使用双引号或单引号都可以引号不能嵌套，双引号不能放双引号，单引号不能放单引号Number 数字在JS中所有的数值都是Numbe原创 2020-07-25 21:58:04 · 489 阅读 · 0 评论 -
CSS表格和表单设置
表格： 再HTML中使用table标签来创建一个表格；在table标签中使用tr标签来表示表格中的一行；在tr标签中使用td来常见一个单元格。可以用th标签来表示表头（自动加粗和居中）；th的用法和td一样；table是一个块元素。 表格的列数有td最多的那行决定。 td标签中可以使用colspan来合并横向的单元格。合并两个单元格如下：<td colspan="2">D...原创 2020-03-09 18:00:41 · 1633 阅读 · 1 评论 -
CSS元素定位和背景图片设置
定位：定位是指将元素摆放到页面的任意位置，通过定位可以任意的摆放元素。通过position属性来设置元素的定位.可选值：1. static：默认值，没有开启元素的定位。2. relative：开启元素的相对定位。3. absolute：开启元素的绝对定位。4. fixed：开启元素的固定定位（也是绝对定位的一种）。当开启了元素的定位（position属性值是一个非static的值）...原创 2020-03-09 17:59:20 · 3193 阅读 · 0 评论 -
CSS解决高度塌陷问题
高度塌陷问题： 在文档流中，父元素的高度默认是被子元素撑开的；也就是子元素多高，父元素就多高。但是当为子元素设置浮动以后，子元素会完全脱离文档流；这是将会导致子元素无法撑起父元素的高度，导致父元素的高度塌陷。由于父元素的高度塌陷了，则父元素下面的元素都会向上移动，这样将会导致页面布局混乱。解决方案1之开启BFC： 可以将父元素的高度写死，但父元素的高度将不能自动适应于子元素的高度。不推荐...原创 2020-03-09 17:57:52 · 1000 阅读 · 1 评论 -
CSS文档流和浮动
文档流： 文档流处于网页的最底层，它表示一个页面中的位置；我们创建的元素都默认在文档流中。元素在文档流中的特点：块元素：块元素在文档流中会独占一行，块元素会自上向下排列。块元素在文档流中默认宽度是父元素的100%。块元素在文档流中的高度默认被内容撑开。内联元素：内联元素在文档流中只占自身大小，默认从左向右对齐；如果一行中不足以容纳所有的内联元素，则换到下一行。内联元素的宽...原创 2020-03-09 17:56:37 · 929 阅读 · 0 评论 -
HTML常见标签总结
一、常用标签：标题标签：在HTML中一共有六级标题标签， h1到h6。在显示效果上h1最大，h6最小。但是文字的大小我们并不关心（可以使用CSS修改），使用HTML标签时，关心的是表亲啊的语义，我们使用的标签都是语义化标签。六级标签中h1最重要，表示一个网页中的主要内容，和...原创 2020-02-13 21:52:04 · 1180 阅读 · 0 评论 -
CSS盒子模型相关知识总结
盒子模型（框模型）概念：CSS处理网页时，他认为每一个元素都包含在一个不可见的盒子里。如果把所有的元素都想象成盒子，那么我们队网页的布局就像是在摆放盒子。我们只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局。盒子模型可以分成几个部分：内容区（content）内边距（padding）边距（border）外边距（margin）盒子模型的边框样式：width：用来设置盒...原创 2020-03-02 19:55:11 · 1062 阅读 · 0 评论 -
CSS的单位和文本样式
长度单位：像素px：像素是我们在网页中使用的最多的一个单位，一个像素相当于我们屏幕中的一个小点。不同显示器一个像素的大小也不相同显示效果越好越清晰，像素就越小，反之像素越大百分比%：浏览器将会根据其父元素的样式来计算该值；使用百分比的好处是当父元素发生变化时，子元素也会发生变化。自适应页面经常用到。em：em和百分比类似，它是相当于当前元素的字体大小来计算lem =...原创 2020-02-28 21:20:27 · 931 阅读 · 0 评论 -
CSS选择器的优先级
当使用不同的选择器，选中同一个元素时并且设置不同的样式；这时就会产生冲突，最终到底采用那一个选择器定义的样式，有选择器的优先级决定，优先级高的优先显示。优先级的规则：选择器优先级内联样式1000ID选择器100类和伪类10元素选择器1通配选择器0继承的样式没有优先级当选择器中包含较多选择器时，需要将多种选择器的优先级相加然后再...原创 2020-02-22 12:42:30 · 884 阅读 · 0 评论 -
CSS选择器总结
元素选择器： 作用：通过元素选择器可以选择页面中的所有元素 语法：标签名{ }; 如下：选中所有的P标签。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>CSS常见选择器</title> <style type="te...原创 2020-02-22 12:07:21 · 6630 阅读 · 1 评论 -
CSS简介
CSS简介： 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS可以用来为网页创建样式表，通过样式表可以对网页进行修饰。&...原创 2020-02-20 13:01:44 · 973 阅读 · 0 评论