自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css基础 day05 替换元素,非替换元素,行内替换元素,行内非替换元素

替换元素:指浏览器是根据元素的属性来判断具体要显示的内容的元素。比如 img 标签,浏览器是根据其 src 的属性值来读取这个元素所包含的内容的,常见的替换元素还有input 、audio和 video 等等,这些元素都有一个共同的特点,就是浏览器并不直接显示其内容,而是通过其某个属性的值来显示具体的内容。非替换元素:比如 p元素等等,浏览器直接显示元素所包含的内容。行内非替换元素:无法设置元素的尺寸,无法设置元素的上下内外边距。行内替换元素:与行内非替换元素相反,可以设置元素的尺寸,和元素的上下内外

2020-11-28 12:44:07 290

原创 css基础 day04 关于auto

1.如果width,margin-left,margin-right其中一个为auto<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ width: 400px; background: #0a76a4;

2020-11-23 13:51:51 120

原创 css基础 day03 white-space的属性行为

2020-11-22 17:02:26 91

原创 css基础 day02-06 inherit指定继承

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div{ background: blue; color: white; } div a{ color: inherit; } .

2020-11-20 14:59:49 88

原创 css基础 day02-05 关于em

2020-11-20 14:56:13 69

原创 css基础 day02-04 web安全颜色

2020-11-20 14:33:50 104

原创 css基础day02-03 层叠

总结就是:按权重和来源排序,按特殊性排序,按顺序排序(当它们某些条件相同时)

2020-11-20 14:16:40 79

原创 css基础day02-02 内联样式的特殊性和!import(重要性)

内联样式的特殊性最高,1 0 0 0,当重要声明和非重要声明发生冲突时,总是重要声明胜出。

2020-11-20 14:07:11 140

原创 css基础day02 选择器的特殊性

1.选择器的特殊性

2020-11-20 13:59:50 58

原创 css基础day01-2 选择器

1.选择器的规则结构2.声明分组3.选择器有以下几种元素选择器通配符选择器类选择器 // 多类选择器ID选择器属性选择器:可以根据多个属性进行选择。如a[href][title],还可以根据具体的属性值进行选择。特定属性选择类型(属性值只能有一个才能起作用)后代选择器选择子元素选择相邻兄弟伪类选择器静态伪类如下:动态伪类伪元素选择器设置首字母样式和设置第一行样式...

2020-11-18 15:24:29 56

原创 css基础day01 link和@import的区别

@import是放在style元素里link是HTML文档里

2020-11-18 13:02:37 94

原创 JavaScript基础温故 day03

1.值的可变性数字,字符串和布尔值这些类型的值是不可能改变的,但可以通过更改绑定指向的值来跟踪更改的值。绑定和它们的值的行为方式是分开的。对象的工作方式和它们不同,你可以更改其属性,从而使单个对象值在不同的时候具有不同的内容。const score = { math: 0,home:0};score.math=1;//这是允许的score={math: 0, home: 0} //这是不被允许的2.对象对于读取对象不存在的属性将返回undefined。可以使用=运算符为属性表达式赋值。如

2020-11-11 16:26:53 88

原创 JavaScript基础温故 day02

1.switch调度值当else if 过多时,为了以更直接的方式来表达这种“调度”,人们设计了一个叫作switch的结构,不幸是,JavaScript用于此的语法有点笨拙,一连串的if语句可能看起来更好,使用switch的时候要小心,因为很容易忘记写break,这将导致程序执行你不希望执行的代码。2.函数作用域const fn = function(){},以这种方式创建的函数的函数体必须始终用大括号括起来,即使它只包含一个语句。var 在不是函数作用域的情况下,它的作用域是全局的。比如:

2020-11-09 21:33:27 85

原创 JavaScript基础温故 day01

1.特殊数字JavaScript中有三个特殊值,它们被视为数字,但其行为不像普通数字那样。前两个是Infinity和-Infinity,分别代表正无穷大和负无穷大。还有一个就是NaN,代表”不是数字“,即使它是数字类型的值,例如:当你尝试计算0/0,Infinity-Infinity或任何其他不产生有意义结果的数字运算时,你都会得到NaN这个结果2.字符串字符串用于表示文本,只要字符串的开头和结尾处的引号匹配,你就可以使用单引号(‘’),双引号(”“),反引号(``)来标记字符串,但是单引号里不

2020-11-08 13:32:54 97

原创 基于vue实现的天气查询

天气查询输入城市名字可查询该城市七天的天气天气接口 https://yiketianqi.com/api查看天气查询访问下面的网址demo运用了vue,JavaScript,html , css技术希望大家能帮忙点个star代码下载地址

2020-08-04 11:51:35 849 1

转载 Hadoop的下载和安装

Hadoop的下载安装安装的时候大家可能出现以下的问题:问题一问题二

2019-11-18 23:30:58 150 1

原创 JavaScript事件:鼠标拖拽的问题

当我们拖拽一个网页中的内容(使用了全选)时,浏览器会默认去搜索引擎中搜索内容,* 此时会导致拖拽功能的异常(有重影),这个是浏览器提供的默认行为,* 如果不希望发生这个行为,则可以通过return false来取消默认行为** 但是这招对IE8不起作用* 设置btn01对鼠标按下相关的事件进行捕获//当调用一个元素的setCapture()方法以后,这个元素将会把下一次所有的鼠标按...

2019-09-25 20:17:50 310

原创 JavaScript关于事件的笔记

使用 对象.事件 = 函数 的形式绑定响应函数,如:btn.onclick=function(){}; 它只能同时为一个元素的一个事件绑定一个响应函数, 不能绑定多个,如果绑定了多个,则后边会覆盖掉前边的 addEventListener...

2019-09-24 22:43:06 77

原创 JavaScript:事件的冒泡

事件的冒泡(Bubble) - 事件的冒泡指的是事件向上传导,当后代元素上的事件被触发时,将会导致其祖先元素上的同类事件也会触发。 - 事件的冒泡大部分情况下都是有益的,如果需要取消冒泡,则需要使用事件对象来取消 - 可以将事件对象的cancelBubble设置为true,即可取消冒泡  - 例子:   &...

2019-09-24 22:30:49 76

原创 JavaScript函数,this,函数作用域,构造函数

1.函数 - 返回值,就是函数执行的结果。 - 使用return 来设置函数的返回值。 - 语法:return 值; - 该值就会成为函数的返回值,可以通过一个变量来接收返回值 - return后边的代码都不会执行,一旦执行到return语句时,函数将会立刻退出。 - return后可以跟任意类型的值,...

2019-09-23 21:05:19 84

原创 a(超链接)的索引问题

for(var i=0;i<allA.length;i++){ allA[i].onclick=function(){ alert(allA[i]==this);//false; } } // 而这里面的this表示鼠标当前点击的超链接所在数组的索引中的内容。 for循环和响应函数它们的执行先后不同。 for循环会在页面加载完成之...

2019-09-23 20:58:35 466

原创 JavaScript中对象后加中括号和.区别

点号后放字符串是静态的。中括号里放字符串是动态的。看情况使用。

2019-09-21 23:18:11 2497

原创 HTML:关于浮动,文档流,定位详情

1.文档流所有的元素默认情况下都是在文档流中存在的文档流是网页的最底层元素在文档流中的特点:块元素1.默认宽度是父元素的全部2.默认高度被内容(子元素)撑开3.在页面中自上而下垂直排列内联元素1.默认高度和宽度都被内容撑开2.在页面中自左向右水平排列,如果一行不足以容下所有的元素则换到下一行继续从左向右2.浮动使用float来设置元素的浮动可选值:none...

2019-09-20 23:54:50 426

原创 HTML:如何让一行中的文字往左右靠,中间留有空格

如何让一行中的文字往左右靠,中间留有空格使用无序列表,让列表的内容靠左靠右,就OK了。代码片. .p3{ float:left; } .a2{ float:right; }<ul> <li class="p3"><a href="#">a</a></li> <li class="a2"&gt...

2019-09-20 22:20:15 7571 1

空空如也

空空如也

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

TA关注的人

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