摘要: 定位的概念: 除非专门指定,否则所有框都在普通流中定位。 也就是说,普通流中的元素的位置由元素在 HTML 中的位置决定。 定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素甚至浏览器窗口本身的位置 通过使用 position 属性,我们可以选择 4 种不同类型 阅读全文
posted @ 2023-01-09 23:10 z_bky 阅读(96) 评论(0) 推荐(0)
摘要: 浮动的来历 正常页面流: 在css中,是存在流的概念的,正常情况下,页面总是由左至右,由上至下布局,我们把这种情况称作为正常页面流 但是,在很多情况下,正常页面流有很多效果实现不了,所以需要一些手段来破坏流,而浮动(float)就是破坏流的一种手段 浮动的来历: float设计的初始想法仅仅是为了做 阅读全文
posted @ 2023-01-09 23:10 z_bky 阅读(49) 评论(0) 推荐(0)
摘要: 文本颜色的设置(color) color属性: 设置文字颜色(可以继承的) 可以直接设置颜色的名字(开发中很少使用,因为不精确) red green yellow pink blue grey purple orange lightblue lightgreen greenyellow yellow 阅读全文
posted @ 2023-01-09 23:09 z_bky 阅读(180) 评论(0) 推荐(0)
摘要: 盒子模型的概念: 在html中,把每一个元素都当做成一个盒子,拥有盒子的平面外形和空间 盒模型由内容(content)+内边距(padding)+边框(border)+外边距(margin)4部分构成 内容区域:你书写的内容或者子元素能够显示的区域 内边距:撑开内容与边框的距离 边框:元素的边框 外 阅读全文
posted @ 2023-01-09 23:07 z_bky 阅读(168) 评论(0) 推荐(0)
摘要: 后代选择器 后代选择器使用空格间隔开 (A B:在A元素中寻找后代(不一定是儿子)是B的元素) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>后代选择器</title> <style> /* .box li 阅读全文
posted @ 2023-01-09 23:04 z_bky 阅读(87) 评论(0) 推荐(0)
摘要: 什么是选择器 要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。 HTML页面中的元素就是通过CSS选择器进行控制的 id选择器 我们可以给元素设置id属性,然后通过 #+id属性值 的方式来选择这个元素 选择器命名: id就像我们的身份证号,是不允许重 阅读全文
posted @ 2023-01-09 23:03 z_bky 阅读(33) 评论(0) 推荐(0)
摘要: 内联式、 行内引入: 引入方法 直接在html的标签中书写css。这是一种最为原始也是最容易理解的 样式内容书写在html标签的style属性中,多个css样式可以写在一起,使用分号隔开。<标签名 style="具体样式属性: 属性值;">内容</标签名> 样式书写是 样式名:样式值; (注意全部是 阅读全文
posted @ 2023-01-09 23:02 z_bky 阅读(63) 评论(0) 推荐(0)
摘要: 什么是CSS 层叠样式表或级联样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML等文件样式的计算机语言。 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有 阅读全文
posted @ 2023-01-09 23:01 z_bky 阅读(140) 评论(0) 推荐(0)
摘要: span元素 没有任何特殊的含义 主要是为了增加额外的结构,方便我们控制样式或者是数据 并且使用要求:在其他语义化标签不适用的情况下再使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>span</titl 阅读全文
posted @ 2023-01-09 23:00 z_bky 阅读(78) 评论(0) 推荐(0)
摘要: div元素 整体页面布局当中最重要的 HTML 元素 没有任何具体的含义,主要用于网页的布局,通过一个一个的div将页面划分为不同的部分,之后在针对部分进行开发 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Title</ti 阅读全文
posted @ 2023-01-09 22:59 z_bky 阅读(35) 评论(0) 推荐(0)
摘要: 01.html的历史 1982年,Tim Berners-Lee 建立 HTML 1993年6月,HTML 由 IETF 工作小組发布草案 1994年10月,W3C 成立, 网络应用发展的标准规范交由 W3C 协会制定及推广 1995年11月,HTML 2.0,2000年6月被宣布已经过时 1996 阅读全文
posted @ 2023-01-09 22:56 z_bky 阅读(36) 评论(0) 推荐(0)
摘要: 01. 网站和网页 网页是构成网站的基本元素,是承载各种网站应用的平台。 通俗地说,网站就是由网页组成的,如果只有域名和虚拟主机而没有制作任何网页的话,客户仍旧无法访问网站。 网页是一个包含HTML标签的纯文本文件,它可以存放在世界某个角落的某一台计算机中,是万维网中的一“页”,是超文本标记语言格式 阅读全文
posted @ 2023-01-09 22:54 z_bky 阅读(158) 评论(0) 推荐(0)
摘要: 基本概念 搜索引擎优化(SearchEngine Optimization,简称SEO),指在了解搜索引擎自然搜索机制的基础之上,对网站进行内部及外部的调整优化,改进网站在搜索引擎中关键字的自然排名,获得更多的展现量,吸引更多目标客户点击访问网站,从而达到互联网营销及品牌建设的目标 SEO可以帮助将 阅读全文
posted @ 2023-01-09 22:53 z_bky 阅读(68) 评论(0) 推荐(0)
摘要: 标签换行写法 <div> <p> 今天的天 <span>真的好啊</span> </p> </div>Copy to clipboardErrorCopied 标签需要关闭 <p> <span>哈哈哈哈哈</span> <em>呵呵呵呵</em> </p>Copy to clipboardError 阅读全文
posted @ 2023-01-09 22:53 z_bky 阅读(51) 评论(0) 推荐(0)
摘要: table元素的基础元素组成 HTML的 table 元素表示表格数据 — 即通过二维数据表表示的信息 一个可选的 <caption> 元素 一个可选的 <thead> 元素 下列任意一个: 零个或多个 <tbody> 零个或多个 <tr> 零个或多个 <th> 零个或多个 <td> 一个可选的 < 阅读全文
posted @ 2023-01-09 22:51 z_bky 阅读(127) 评论(0) 推荐(0)
摘要: form元素 为用户创建html表单 表单可以向服务器发送数据 form标签中可以包含很多表单元素 <form action="http://www.baidu.com" method="get">Copy to clipboardErrorCopied action属性: 表单提交的地址 meth 阅读全文
posted @ 2023-01-09 22:50 z_bky 阅读(96) 评论(0) 推荐(0)
摘要: 01. 万维网 www其实是World Wide Web 的缩写,它是一个由许多互相链接的超文本组成的系统,通过互联网访问。在汉语中,www 被翻译成“万维网” 。 www由两部分构成:www客户端和www服务端。www客户端指的是个人设备(电脑、手机等)装的浏览器。www服务端指的是服务器(一台可 阅读全文
posted @ 2023-01-09 22:46 z_bky 阅读(279) 评论(0) 推荐(0)
摘要: 1:iframe的概念以及作用 iframe是嵌入式框架, 是html标签, 还是一个内联元素, iframe 元素会创建包含另外一个文档的内联框架(即行内框架) . 说白了, iframe用来在页面嵌入其他页面. 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 <i 阅读全文
posted @ 2023-01-09 22:40 z_bky 阅读(5032) 评论(0) 推荐(0)
摘要: Map1:什么是Map Map类似于对象,但是键名不限于字符串,可以说Object结构提供键值对应,Map提供值值对应,因此采用Map结构会优于传统对象。 const dataMap = new Map() const element = document.querySelector('.node' 阅读全文
posted @ 2023-01-09 22:35 z_bky 阅读(61) 评论(0) 推荐(0)
摘要: 项目结构 之前我有打算基于Webpack4自己写个脚手架用来打包文件,但是那段时间刚好Vue-cli3刚刚发布正式版并且也是基于Webpack4封装的,于是想了一下还决定使用新的Vue-cli3脚手架搭建,最后我将项目分为以下层级 ─api //api接口 ├─assets //项目运行时使用到的图 阅读全文
posted @ 2023-01-09 22:34 z_bky 阅读(898) 评论(0) 推荐(0)
摘要: 一、介绍Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同 回顾下上文提到的解决异步的手段: 回调函数promise那么,上文我们提到promsie已经是一种比较流行的解决异步方案,那么为什么还出现Generator?甚至async/await呢? 该问题我们 阅读全文
posted @ 2023-01-09 21:53 z_bky 阅读(178) 评论(0) 推荐(0)
摘要: es6是什么 ECMAScript 6(简称ES6)是于2015年6月正式发布的JavaScript语言的标准,正式名为ECMAScript 2015(ES2015)。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 es6可以做啥? ES6是一次重大的版本 阅读全文
posted @ 2023-01-09 21:33 z_bky 阅读(1310) 评论(0) 推荐(0)