【前端体系课】-- CSS常见属性
官方文档:https://www.w3.org/TR/?tag=css 中文 MDN :https://developer.mozilla.org/zh-CN/docs/Web/CSS 浏览器兼容性:https://caniuse.com/ font-size字体大小 color前景色 包括文字、装饰线、边框、外轮廓等的颜色 background-color背景色 width宽度 height高度 给 div 设置了宽度后, 默认情况仍会独占整行 高度为 0 时, 不显示
【前端体系课】-- CSS入门
Cascading Style Sheet,简称: CSS 表示层叠样式表又称为串联样式列表、级联样式表、串接样式表、阶层式样式表 是为网页添加样式的代码。 CSS 是一种语言吗? MDN 解释: CSS 也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言; 维基百科解释:是一种计算机语言,但是不算是一种编程语言; CSS 历史早期的网页都是通过HTML来编写的,但是我们希望HTML页面可以更加丰富 这个时候就增加了很多具备特殊样式的元素:比如 i、 strong、 del 等等; 后来也有不同的浏览器实现各自的样式语言,但是没有统一的规划; 1994 年,哈肯·维姆·莱和伯特·波斯合作设计 CSS,在 1996 年的时候发布了 CSS1; 1997 年初, W3C 组织才专门成立了 CSS 的工作组, 1998 年 5 月发布了 CSS2; 2006~2009 非常流行 “DIV+CSS”布局的方式来替代所有的 html 标签; 从 CSS3 开始,所有的 CSS 分成了不同的模块(modules),每一个“modules” 都有于 CSS2 中额外增加的功能, ...
【前端体系课】-- HTML补充
字符实体 我们编写的 HTML 代码如何被浏览器解析? 如果你使用小于号(<),浏览器会将其后的文本解析为一个 tag 但是某些情况下,我们确实需要编写一个小于号(<) HTML 实体是一段以连字号(&)开头、以分号(;)结尾的文本(字符串) 实体常常用于显示保留字符(这些字符会被解析为 HTML 代码)和不可见的字符(如“不换行空格”) 也可以用实体来代替其他难以用标准键盘键入的字符 URL 和 URIURL 代表着是统一资源定位符(Uniform Resource Locator)通俗点说: URL 无非就是一个给定的独特资源在 Web 上的地址。 理论上说,每个有效的 URL 都指向一个唯一的资源; 这个资源可以是一个 HTML 页面,一个 CSS 文档,一幅图像,等等; 格式 和URI的区别 URI = Uniform Resource Identifier 统一资源标志符,用于标识 Web 技术使用的逻辑或物理资源 URL = Uniform Resource Locator 统一资源定位符, 俗称网络地址,相当 ...
【前端体系课】-- HTML常见元素
<! DOCTYPE>HTML 最上方的一段文本我们称之为文档类型声明,用于声明文档类型 <! DOCTYPE html> HTML 文档声明,告诉浏览器当前页面是 HTML5 页面; 让浏览器用 HTML5 的标准去解析识别内容; 必须放在 HTML 文档的最前面,不能省略,省略了会出现兼容性问题; html表示一个 HTML 文档的根(顶级元素),所以它也被称为根元素 W3C 标准建议为 html 元素增加一个 lang 属性,作用是: 帮助语音合成工具确定要使用的发音; 帮助翻译工具确定要使用的翻译规则; 常用的规则: lang=“en” 表示这个 HTML 文档的语言是英文; lang=“zh-CN” 表示这个 HTML 文档的语言是中文; head规定文档相关的配置信息(也称之为元数据),包括文档的标题, 引用的文档样式和脚本等 title设置网页的标题 meta 可以用于设置网页的字符编码,让浏览器更精准地显示每一个文字,不设置或者设置错误会导致乱码 一般都使用utf-8编码,涵盖了世界上几乎所 ...
【前端体系课】-- HTML结构
超文本标记语言,HyperText Markup Language,简称:HTML 是一种用于创建网页的标准标记语言 HTML 元素是构建网站的基石 标记语言由无数个标记(标签、tag ) 组成; 是对某些内容进行特殊的标记,以供其他解释器识别处理; 比如使用<h2></h2>标记的文本会被识别为“标题”进行加粗、文字放大显示; 由标签和内容组成的称为元素(element) 超文本不仅仅可以插入普通的文本(Text),还可以插入图片、音频、视频等内容还可以表示超链接(HyperLink),从一个网页跳转到另一个网页 元素HTML本质上是由一系列的元素(Element)构成的 一个元素可以包含一个数据项,或是一块文本,或是一张照片,亦或是什么也不包含 元素组成 开始标签(Opening tag):包含元素的名称,被左、右尖括号所包围。表示元素从这里开始或者开始起作用 结束标签(Closing tag):与开始标签相似,只是其在元素名之前包含了一个斜杠。这表示着元素的结尾在此结束。 内容(Content):元素的内容,也是网页显示的内容 元素属性元素 ...
【前端体系课】-- 前言
软件和软件开发 软件一系列按照特定顺序组织的计算机数据和指令 软件开发告诉计算机一系列的指令,这些指令也称之为 程序 完善的软件系统: 软件开发分类按照职能不同可分成两类: 后端 (Back-end)开发 前端(Front-end)开发 前端开发的内容 web 开发、小程序开发 移动端 、桌面端(electron)、服务器开发(Node. js) 网页和网站 网页Web Page,就是打开浏览器看到的页面,内容丰富,包括文字、链接、图片、音乐、视频等 网站由多个网页组成 网页的显示过程 用户在浏览器输入一个网站; 浏览器会找到对应的服务器地址,请求静态资源(可以存放在世界上任何一个地方); 服务器返回静态资源给浏览器; 浏览器对静态资源进行解析和展示; 静态资源包含:HTML、CSS、JS 等,由前端工程师开发后打包放到服务器上 网页的组成 阶段一:HTML 元素 阶段二:HTML 元素 + CSS 样式 阶段三:HTML元素 + CSS样式 + JavaScript语言 HTML 表示网页的内容 CSS 表示网页的视觉体验 JS 表示网页的交互处理 ...
【算法第一课】-- 常见排序算法1
排序算法是计算机科学中非常重要的一类算法。通过排序算法,我们可以对数据进行排序,从而更容易地检索、分析和处理数据。本文将介绍以下几种常见的排序算法: 冒泡排序 选择排序 插入排序 注意:如无特殊说明,默认都是按照正序排序,即从左到右从小到大的顺序 冒泡排序冒泡排序是一种简单的排序算法,它重复地遍历待排序的数列,一次比较两个相邻的元素,如果它们的顺序错误就把它们交换过来。遍历数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。 排序过程很像水中的气泡,较大的气泡会优先上升,因此得名 算法步骤 比较相邻的两个元素。如果第一个比第二个大,就交换它们两个; 每一对相邻元素做同样的操作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数; 针对所有的元素重复以上的步骤,除了最后一个; 重复步骤 1-3,直到排序完成。 代码实现/** * 冒泡算法: * 一共 n-1 轮比较,每轮通过比较相邻两个数据确定一个最大值; * 两层 for 循环,外层是轮数,内层是比较相邻数据 * 【swap 中只能记录需要交换的下标,不能记录交换的数据】 */pub ...
【算法第一课】-- 前言
欢迎来到【算法第一课】!在该系列文章中,将向你介绍算法的基本概念,以及为什么学习算法对于编程和问题解决至关重要。无论你是一位初学者,还是有一定编程经验的开发者,了解算法都将帮助你提高编程技能和解决实际问题的能力。 什么是算法?算法是解决特定问题的一组明确、有序的步骤。在计算机科学中,算法被用来解决需要通过计算完成的任务,如数据排序、查找、加密等等。一个好的算法应该具备以下几个特点: 有效性:算法能够解决问题,并且产生正确的结果。 确定性:算法在相同的输入下,总是产生相同的输出结果。 可终止:算法总是在有限的时间内终止。 可执行性:算法的每个步骤都应该是可执行的。 为什么学习算法?众所周知:程序 = 数据结构 + 算法 ,算法被称为程序的灵魂,这是因为它们决定了程序如何解决问题、如何处理和操作数据。在编写程序时,恰当地选择和设计算法非常关键,因为它们直接影响程序的性能和可用性。 学习算法有以下几个好处: 提高编程技能:掌握常见的算法和数据结构,可以帮助你更高效地解决编程问题。 提高问题解决能力:了解算法原理,有助于培养分析问题、设计解决方案的能力。 面试准备:许多技术面试 ...
