![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Html
慵懒酱
这个作者很懒,什么都没留下…
展开
-
JavaScript之数组
1. 数组为什么要学习数组之前学习的数据类型,只能存储一个值(比如:Number/String。我们想存储班级中所有学生的姓名,此时该如何存储?数组的概念所谓数组,就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。数组的定义数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。通过数组字面量创建数组// 创建一个空数组var arr1 = []; // 创建一个包含3个数值的数组,多个数组项以逗号隔开var arr2原创 2020-08-18 21:29:24 · 163 阅读 · 0 评论 -
JavaScript的调试方式
调试过去调试JavaScript的方式oalert()oconsole.log()断点调试断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。调试步骤浏览器中按F12–>sources–>找到需要调试的文件–>在程序的某一行设置断点调试中的相关操作Watch: 监视,通过watch可以监视变量的值的变化,非常的常用。F10: 程序单步执行原创 2020-08-18 21:20:59 · 188 阅读 · 0 评论 -
JavaScript的循环语句区别详解
各种循环语句的区别1.循环结构的表达式不同:a)do-while循环结构表达式为:do{循环体;}。b)for循环的结构表达式为:for(单次表达式;条件表达式;末尾循环体){中间循环体;}。c)while循环的结构表达式为:while(表达式){循环体}2.执行时判断方式不同a)do-while循环将先运行一次,因为经过第一次do循环后,当检查条件表达式的值时,其值为 不成立时而会退出循环。保证了至少执行do{ }内的语句一次。b)for循环执行的中间循环体可以为一个语句,也可以为多个语句,原创 2020-08-18 21:17:41 · 356 阅读 · 0 评论 -
JavaScript-流程控制语句之循环语句(在javascript中,循环语句有三种,while、do..while、for循环。)
循环语句介绍及用法(在javascript中,循环语句有三种,while、do…while、for循环。)while语句基本语法:// 当循环条件为true时,执行循环体,// 当循环条件为false时,结束循环。while (循环条件) { //循环体}代码示例:// 计算1-100之间所有数的和// 初始化变量var i = 1;var sum = 0;// 判断条件while (i <= 100) { // 循环体 sum += i; // 自增 i++;原创 2020-08-18 21:10:39 · 484 阅读 · 0 评论 -
JavaScrip流程控制之分支结构语句((if,switch,布尔型的隐式转换
分支结构语句介绍及用法(if,switch,布尔型的隐式转换)if语句语法格式if (/* 条件表达式 */) { // 执行语句}if (/* 条件表达式 */){ // 成立执行语句} else { // 否则执行语句}if (/* 条件1 */){ // 成立执行语句} else if (/* 条件2 */){ // 成立执行语句} else if (/* 条件3 */){ // 成立执行语句} else { // 最后默认执行语句}三元运算符表达式原创 2020-08-18 21:04:31 · 208 阅读 · 0 评论 -
HTML之CSScontent宽度和高度
content宽度和高度使用宽度属性width和高度属性height可以对盒子的大小进行控制。width和height的属性值可以为不同单位的数值或相对于父元素的百分比%,实际工作中最常用的是像素值。大多数浏览器,如Firefox、IE6及以上版本都采用了W3C规范,符合CSS规范的盒子模型的总宽度和总高度的计算原则是:/*外盒尺寸计算(元素空间尺寸)*/Element空间高度 = content height + padding + border + marginElement 空间宽度 =原创 2020-08-16 10:36:35 · 1164 阅读 · 0 评论 -
HTML之盒子模型内外边距
外边距(margin)margin属性用于设置外边距。 设置外边距会在元素之间创建“空白”, 这段空白通常不能放置其他内容。margin-top:上外边距margin-right:右外边距margin-bottom:下外边距margin-left:上外边距margin:上外边距 右外边距 下外边距 左外边取值顺序跟内边距相同。外边距实现盒子居中可以让一个盒子实现水平居中,需要满足一下两个条件:1.必须是块级元素。2.盒子必须指定了宽度(width)然后就给左右的外边距都设置为auto原创 2020-08-16 10:14:26 · 2629 阅读 · 0 评论 -
HTML之CSS盒子模型
CSS盒子模型其实,CSS就三个大模块:盒子模型、浮动、定位,其余的都是细节。要求这三部分,无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。看透网页布局的本质把网页元素比如文字图片等等,放入盒子里面,然后利用CSS摆放盒子的过程,就是网页布局。CSS 其实没有太多逻辑可言 , 类似我们小时候玩的积木,我们可以自由的,随意的摆放出我们想要原创 2020-08-16 09:46:12 · 202 阅读 · 0 评论 -
HTML之CSS 背景(background)
css背景设置标签有这些CSS 可以添加背景颜色和背景图片,以及来进行图片设置。background-color 背景颜色background-image 背景图片地址background-repeat 是否平铺background-position 背景位置background-attachment 背景固定还是滚动背景的合写(复合属性) background:背景颜色 背景图片地址 背景平铺 背景滚动 背景位置 背景图片(image)语法background-image : non原创 2020-08-16 00:22:21 · 303 阅读 · 0 评论 -
HTML之CSS三大特性
CSS三大特性CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这时一个属性就会将另一个属性层叠掉。比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。 记住:就近原则。一般情况下,如果出现样式冲突,则会按照CSS书写的顺序,以最后的样式为准。样式冲突,遵循的原则是就近原则。 那个样式离着结构近,就执行那个样式。样式不冲突,不会层叠CSS最原创 2020-08-15 23:07:24 · 227 阅读 · 0 评论 -
HTML之标签显示模式转换 display
标签显示模式转换 display块转行内:display:inline;行内转块:display:block;块、行内元素转换为行内块: display: inline-block;此阶段,我们只需关心这三个,其他的是我们后面的工作。原创 2020-08-12 21:32:45 · 262 阅读 · 0 评论 -
HTML之标签的类型(显示模式)
标签的类型(显示模式)。HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:块级元素(block-level)每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元素有~、、、、、等,其中标签是最典型的块元素。块级元素的特点:(1)总是从新行开始(2)高度,行高、外边距以及内边距都可以控制。(3)宽度默认是容器的100%(4)可以容纳内联元素和其他块元素。行内元素(inline-level)行原创 2020-08-12 21:30:42 · 434 阅读 · 0 评论 -
HTML之CSS选择器
CSS选择器基础选择器基础选择符就是ID,标签,类选择符复合选择器复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。记忆技巧:交集选择器是并且的意思。 即…又…的意思比如:p.one选择的是类名为.one的段落标签。并集选择器并集选择器(CSS选择器分组)是各个选择器通过逗号连接而成的,任何形式原创 2020-08-12 21:23:29 · 121 阅读 · 0 评论 -
HTML表格标签这样搞
创建表格在HTML网页中,要想创建表格,就需要使用表格相关的标签。创建表格的基本语法格式如下:`<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>在上面的语法中包含三对HTML标签,分别为 table、tr、td,他们是创建表格的基本标签,缺一不可,下面对他们进行具体地解释。1.table用于定义一个表格。2.tr 用于定义表格中的一行,必须原创 2020-08-12 09:05:14 · 387 阅读 · 0 评论 -
HTML注释标签,列表标签
注释标签在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。其基本语法格式如下: ctrl + / 或者 ctrl +shift + /注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。列表标签容器里面装载着文字或图表的一种形式,叫列表。列表最大的特点就是:整齐、整洁、有序。无序列表ul(重点)无序列表的各个列表项之间没有原创 2020-08-10 20:39:36 · 501 阅读 · 0 评论 -
HTML添加图片,链接
添加图片图像标签img相对路径插入图片:图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如img src=“logo.gif” /。图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如img src=“img/img01/logo.gif” /。图像文件位于HTML文件的上一级文件夹:在文件名之前加入“…/” ,如果是上两级,则需要使用 “…/ …/”,以此类推,如img src="…/logo.gif" /。绝对路径插入图片:绝对路径以Web原创 2020-08-10 20:04:52 · 1175 阅读 · 0 评论 -
HTML基础标签用法应该这么用哦
基础分类在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 HTML、head、body都是HTML骨架结构标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素。1.双标签结构 : <标签名>内容</标签名>该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示该标签的作用结束,一般称为“结束标原创 2020-08-10 19:58:45 · 482 阅读 · 0 评论 -
浏览器介绍
浏览器介绍浏览器浏览器是网页显示、运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、Safari和Opera等。我们平时称为五大浏览器。** 常见浏览器内核介绍**(1)Trident(IE内核)国内很多的双核浏览器的其中一核便是Trident,美其名曰"兼容模式"。代表:IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器等。Window10开始,IE将其内置浏览器命名为Edge,Edge最显著的特点就是新内核 EdgeHTM原创 2020-08-10 19:49:16 · 708 阅读 · 0 评论