乐胖代购免代理版

欢迎

html总结与理解，自己的心得

首先什么是html，它用来做什么，他有什么用html是个缩写，全名为HyperText Markup Language，中文名字叫做，超文本链接语言，是用来做静态网页的，也是做动态网页的基础，作用的话就是做个标记，用来让浏览器解析，最后显示出页面。接下来我解释下什么叫做超文本，什么叫做标记，什么叫做语言，什么叫做静态网页，动态网页，什么是浏览器解析标记1、超文本：顾名...

超文本

html

静态网页

其他

原创 2022-01-17 18:15:54 121 阅读

第一篇blog

这是我的第一篇博客，也没什么实际的内容想写，就写一些感受吧，以及自己以后主要用博客干什么首先说一下感受，以前都不知道博客是什么，直到自己触碰才知道，博客其实对自己的帮助还是挺大的，我么您可以在里面了解一些专业的知识还有就是学长自己做的博客，我感觉好高大上，我想我有一天也会有自己做的博客的，总之，自己还是报了一个很大的好奇信去学这个的再说一下以后拿博客干

第一次博客

其他

原创 2022-01-17 18:15:54 51 阅读

极客学院第一天整理（表格，表单，input）

1、表格的整理<table > //表格的属性 <tr> <td>1</td> </tr> <tr> <td>1</td> </tr></table>表格的属性 1、align=center

label的用法

表格

表单

input

重置

原创 2022-01-17 18:15:45 125 阅读

html整理，常用标签

<!DOCTYPE html> //指定文档的类型，为html类型<html> //开始标签，对应结束标签<head> //html必备标签，表示头部<title> //设置网页标题，最后显示在浏览器的头部</title><meta charset="utf-8" /&

html标签整理

个人笔记

html

锚点

嵌套

原创 2022-01-17 18:12:59 538 阅读

百度前端技术学院第一、二天整理

1、HTML是什么，HTML5是什么HTML全名为hyper text markup language 超文本标记语言，HTML5表示他的第五代，是最新的HTML标准，拥有更丰富的语义、图形以及多媒体元素等内容。2、HTML元素标签、属性都是什么概念HTML元素标签是指文本下的被浏览器解析的东西，属性值标签的一些特征改：HTML不是编程语言，是标记语言，所以要使用标记标签来描述网页...

百度前端技术学院

前端面试问题

HTML细节

html

meta标签

原创 2022-01-17 18:12:59 202 阅读

html表单整理，实例

首先通过一个实例来表明表单的一些基本的使用，然后详细讲解表单里面的属性，最后再做出总结。接下来解析上面的例子 1、表单的作用：用来搜集不同类型的用户输入2、<form action="#" method="get"> </form> : form标签表示表单。action="#"：设置数据的提交地址，就是提交给哪一个页面。method="get...

表单

html表单

input

form

数据

原创 2022-01-17 18:12:58 525 阅读

列表和浮动做导航条

效果如图所示：实现代码如下：<style> * { margin:0; padding:0; } .nav { height: 60px; background-color: lightgray; } .nav ul {margin: auto;width: 840px;height: 60px; } ...

nav

滚动条

toggle

列表制作滚动条

其他

原创 2022-01-17 18:12:58 233 阅读

HTML 表格的使用方法

首先我先把所有熟悉的都列举出来，包括表格一些最常用的属性，很生僻的我就不列举啦，要是想要了解的话，到W3C手册上查询。首先表格的开始是由<table></table>标签引导的，接下来我先写出所有的标签，以及属性，然后在它们的旁边做一一的解释。 <table border="1" width="200px" height="200px" cellsp...

表格

前端

html

垂直居中

16进制

原创 2022-01-17 18:12:58 203 阅读

子代选择器和类选择器的优先级

作用代码：使用的代码以及效果1：使用的代码以及效果2:原因是：作用在一个选择器的两个class，一个是子代选择器，一个是类选择器，很显然，子代选择器的权值为两个值相加，所以更大，所以最后显示的是子代选择器的，而不是类选择器，第二个是根据浏览器的阅读习惯来，很明显当两个选择器的权值是一样的话，后面的会覆盖前面的选择器的样式。 ...

错误提示

权重

选择器

权值

其他

原创 2022-01-17 18:12:57 209 阅读

什么是css，style，以css的各种样式的比较

1、 css是什么，有什么用， css指的是层叠样式表，Cascading Style Sheets。解决是内容与表现相分离的问题 2、一开始我们在html中设置字体是用font标签来设置字体的颜色大小类型的，而现在我们用css来设置，每一个标签都有自己的属性，于是我们用p标签，或者其他标签的属性style来设置字体的颜色大小类型：例子如下所示<p style="co...

什么是css

style三种样式

style优先级

html css style

css

原创 2022-01-17 18:12:57 595 阅读

css盒子模型

1、什么是盒子模型首先我个人理解为，所有的元素标签都是一个盒子，也就是说每一个网页被画成很多个盒子，每个盒子都有自己的四要素，指的是内容（宽度和高度）、内边距、边框、外边距。它作用于html的所有元素。2、四要素内边距，外边距，边框，内容各是什么内边距：称为padding，表示内容跟边框的间隙大小，其实就是边框与内容的距离外边距：称为margin，表示两个物体（盒子）之间的距离...

盒子模型

margin使用

padding使用

html元素分类

display属性

原创 2022-01-17 18:12:57 179 阅读

工作第三天总结

1、align与text-align的区别： align是规定div元素中的内容的水平对齐方式（p中也可以使用） text-align是规定元素中的文本的水平对齐方式，它是css属性，若要在div中使用，则需要用到style=“text-align:center”来撰写css属性2、清除浏览器自带的边框，以及一些特效的处理：body,div,ul,li,form,input,a,i...

前端练习总结

选择器

圆角

css

其他

原创 2022-01-17 18:12:57 251 阅读

百度前端技术学院第三天（下）

1、css介绍层叠样式表，用于表示页面的样式2、css实际上如何工作？ 1、浏览器将HTML和CSS转化成DOM（文档对象模型）。DOM在计算机中表示文档，它把文档内容和其样式结合在一起 2、浏览器显示DOM的内容3、什么是DOM？DOM是一种树形结构，标记语言中的每个元素，属性，文本片段都变成为一个DOM节点，这些节点由它们与其它D...

MDN

CSS选择器

属性选择器

伪类和伪元素选择器

DOM理解

原创 2022-01-17 18:12:56 123 阅读

百度前端技术学院第三天整理（上）

1、用于样式文本的css属性通常可以分为两类答：1、字体样式：什么类型的字体 2、文本布局风格：文本间距以及其他布局功能的属性2、color：属性设置选中元素的前景内容的颜色 (通常指文本，不过也包含一些其他东西）3、text-decoration：放置在文本上方或者下方的线4、font-family: 表示字体的种类：arial类型的字体可以在任何电脑上找到...

文本css

字体样式

文本风格

font

css

原创 2022-01-17 18:12:56 134 阅读

css选择器

1、上文我们介绍了样式的三种类型，这篇文章，我将主要介绍css选择器，首先什么是css选择器这个问题一开始也难到了我，css+选择+器，css选什么东西，其实这样理解就有点钻牛角尖啦，用它来说他其实就是{}中样式的多用对象，用来选自己定义的样式的 2、选择器分为那几个，每个的用法是什么选择器我所知道的有：标签选择器（元素选择器）、类选择器、id选择器、通配符、群组选择器（...

html选择器的权重

选择器的分类

css选择器

权重

选择器的用法

原创 2022-01-17 18:12:56 202 阅读

元素定位解析，相对，绝对，固定定位

1、首先什么是定位，定位分几种，有什么作用 1、针对html定位，其实跟div有模块的划分区块有异曲同工之妙，它是巧妙的运用元素之间的位置，以及父子元素的位置和在浏览器中的位置来巧妙的完成了位置的设定。 2、定位分为相对定位，绝对定位，固定定位 3、定位相对于浮动更灵活，并且所有的元素都可以采用定位2、相对定位 position:...

元素定位

相对定位relative

绝对定位position

固定定位fixed

html定位

原创 2022-01-17 18:12:56 369 阅读

css浮动

1、首先先介绍一下html把标签分为有语义标签和无语义标签，有语义标签是指它是用来表示某种东西的，比如说段落，比如说表格，表单，而无语义标签则没有意思，它的作用就是方便设置样式，无语义标签有两种、 1、div-----------网页制作实现画块，块级元素 2、span--------方便局部样式的设置，行内元素2、浮动原理 1、设置浮动用float：...

浮动原理

clear消除浮动

html浮动

有语义和无语义标签

float

原创 2022-01-17 18:12:56 184 阅读

极客学院第五天整理（js运算符）

1、js的表达式：是由数字、操作符、数字分组符号（括号）、变量等以能求得数值的有意义排列方法所得的组合例子：var x=y+2*(1+3),或者变量x，或者常量22、运算符：执行程序代码运算运算符： 1、算数运算符： ++ （自增） %（求余） 2、赋值运算符： = %= /=...

javascript

跳转语句

循环语句

表达式

运算符

原创 2022-01-17 18:12:55 159 阅读

极客学院第二天整理

一、frameset标签1、优化不行，一般用在网站后台2、frameset元素可以定义一个框架集，被用来组织多个窗口（框架），必须使用cols和rows属性分割框架3、frame标签是定义在frameset中的一个特定的窗口<html><frameset cols="25%,50%,*"><frame src="www.baidu.com"/...

百度前端技术学院第四天整理

一、背景1、可以使用background-color属性设置背景色，这个属性接收任何合法的颜色值它的默认值为transparent，表示透明的意思，不然祖先元素要是有颜色的话，就会被覆盖、2、把图像放入背景需要使用background-image属性，默认值为none，设置的时候用url引用地址，其他跟background-color类似3、background-repeat：...

css

链接

图片序号列表

css边框

background

原创 2022-01-17 18:12:55 247 阅读

极客学院第六天整理（js函数）

1、理解函数和函数的用途：是由事件驱动的，可重复使用的代码块常将一些常用的功能模块编写成函数，放在函数库中供公共选用要善于利用函数，减少重复编写程序段的工作量在js中，函数就是对象，程序可以随意操控它们2、function plus(i,j){ var sum=i+j; alert(sum);}...

js函数

变量

带参数函数

arguments

函数的五种调用方式

原创 2022-01-17 18:12:54 129 阅读

极客学院第三天整理（JavaScript）

1、什么是jsjs是一种直译式的、基于对象的和事件驱动的脚本语言，是一种动态、弱类型的语言直译式语言相对于编译式，被称为解释执行，直接由应用程序基于对象：js中的DOM，BOM原型，操作对象事件驱动：按钮的点击2、js的运行

js

node.js

数据

html

原创 2022-01-17 18:12:38 184 阅读

内联元素设置margin的反应

此时的预定房间为span元素，这是为内联，所以此时的margin-bottom并没有反应这个时候我们加上display：block 很明显我们的margin-bottom 有反应了因此可以发现，我们内联元素对于设置上下的margin值没有反应，只有设置左右的margin才有反应若要设置上下也有反应的话，大可以将内联转化为块状元素，就可以实现换行

内联元素margin的反应

margin的细节

内联margin

内联元素

块状元素

原创 2022-01-14 14:37:05 292 阅读

慕课张鑫旭，笔记之line-height的定义

1、line-height的定义指的是行高，两行文字基线之间的距离2、基线的定义：英语里面一行文字的第三条线，baseline 如右图所示3、两行，演示例子，指的是两行基线之间的距离4、行高为零，两行重叠5、为何line-height可以让单行文本垂直居中？当字体的大小为零的时候，才会垂直居中，否则的话，只会字体越大越往下垂6、line-height与行内框盒子模型行内框盒子模型：8、 1、

line-height

基线

图片垂直居中

文字垂直居中

行间距

原创 2022-01-14 14:36:58 342 阅读

慕课张鑫旭，笔记之position

1、关于position的relative和absolute的基础使用，两者嵌套时relative下面的absolute相对于relative，如果没有，就相对于整个页面2、限制层级关于absolute，在没有relative限制的情况下，z-index的值越高，层级越高3、如果有reelative，并且relative设置了层级关系即设置了z-index，那么absolute上面的z-in

张鑫旭relative

绝对定位

相对定位

relative

最小化

原创 2022-01-14 14:36:51 153 阅读

极客学院第十天整理（事件流）

1、js事件流 1、事件冒泡 ie的事件流叫做事件冒泡，即事件开始时由最具体的元素（文档中嵌套层次最深的那个节点教授）然后逐级向上传播到较为不具体的节点，所有现代浏览器都支持是事件冒泡 2、Netscape团队提出的，思想是不太具体的节点应该更早接收到事件，而最具体的节点应该是最后接收到事件老版本不支持事件捕获2、html事件处理程序

事件

对象

js事件对象

事件处理

事件冒泡

原创 2022-01-14 14:36:45 82 阅读

极客学院第九天学习（js DOM）

1、文档对象模型（DOM），是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。2、DOM定义了HTML和XML文档的标准3、HTML DOM是关于如何获取、修改、添加或删除HTML元素的标准4、当页面被加载时，浏览器会创建页面的文档对象模型（Document Object Model）通过可编程的对象模型，js获得了足够的能力来创建动态的HTML： 1、js能

DOM

DOM对象方法

DOM属性

html

子节点

原创 2022-01-14 14:36:26 98 阅读

极客学院第八天整理（js浏览器对象模型）

1、windows对象 2、Screen对象 3、Location对象 4、History对象 5、Navigator对象 6、弹窗 7、计时事件2、浏览器对象模型（Browser Object Model），浏览器对象模型使Js有能力与浏览器对话3、Windows对象：所有浏览器都支持window对象，他表示浏览器窗口所有js全局对象、函数以及变量均自动成为windo

BOM

浏览器对象模型

Windows对象

location对象

history对象

原创 2022-01-14 14:36:19 116 阅读

CSS(全面系统讲解工作应用--慕课)整理一（html面试问题）

1、doctype的意义是什么答：ie包涵padding，带上doctype，就是标准模式的渲染，padding：10px加上width：200px，一共220px; 意义之一就是：1、让浏览器以标准模式渲染 2、让浏览器知道元素的合法性（并不会怎么办）2、html xhtml html5 的关系答：html属于

html面试

前端面试

doctype的意义

html

语义化

原创 2022-01-14 14:36:08 35 阅读

极客学院第七天整理（js对象）

1、js内置对象:自己封装好的功能 1、js对象 2、String字符串对象 3、Date日期对象 4、Array数组对象 5、Math算数对象 6、RegExp正则表达式对象2、JavaScript对象 1、js中的所有事物都是对象：字符串、数值、数组、函数

正则表达式

js对象

Array数组对象

String对象

Math

原创 2022-01-14 14:36:02 66 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

mb61d5559db5832的博客

欢迎

html总结与理解，自己的心得

第一篇blog

极客学院第一天整理（表格，表单，input）

html整理，常用标签

百度前端技术学院第一、二天整理

html表单整理，实例

列表和浮动做导航条

HTML 表格的使用方法

子代选择器和类选择器的优先级

什么是css，style，以css的各种样式的比较

css盒子模型

工作第三天总结

百度前端技术学院第三天（下）

百度前端技术学院第三天整理（上）

css选择器

元素定位解析，相对，绝对，固定定位

css浮动

极客学院第五天整理（js运算符）

极客学院第二天整理

百度前端技术学院第四天整理

极客学院第六天整理（js函数）

极客学院第三天整理（JavaScript）

内联元素设置margin的反应

慕课张鑫旭，笔记之line-height的定义

慕课张鑫旭，笔记之position

极客学院第十天整理（事件流）

极客学院第九天学习（js DOM）

极客学院第八天整理（js浏览器对象模型）

CSS(全面系统讲解工作应用--慕课)整理一（html面试问题）

极客学院第七天整理（js对象）