前端之路
文章平均质量分 68
popping_Sun
前端攻城狮
展开
-
前端之路(十二) —— CSS创建
在初识CSS中我们简单介绍了一下CSS文件创建引入,今天我们在系统地学习一下。在‘初识CSS’一节中,我们提到过CSS主要有三种方式插入:外部样式表:通过link进行引入; 内部样式表:通过style进行设置; 内联(行内)样式:标签内进行设置;样式优先级上一节中我们提到了样式优先级问题,也举一个例子说明了id选择器优先级比class优先级高。通过这个例子,我们清楚对于一个元素而言,它可以有多重样式,既可以有内联样式也可以有class类选择器样式等等,多重样式存在下,同一个属性优先展示哪个?想原创 2022-03-09 18:01:28 · 276 阅读 · 0 评论 -
前端之路(十一)—— CSS选择器
在上一节中我们学习了CSS语法及如何引入CSS文件,这一小节,我们来学习CSS重要的两个选择器——id和class选择器。通过上一节我们知道要想把一段落字体变成红色,我们可以在<head></head>元素利用<style></style>标签。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <.原创 2022-03-08 17:35:03 · 302 阅读 · 0 评论 -
前端之路(十)—— 初识CSS
通过前几个小节,我们了解了HTML及基础的标签,当我们自己练习的时候发现,自己写出来的网页没有我们平时在网上看起来那么漂亮、炫酷。要想把网页变的酷炫,我们就需要借用CSS.所以从这节开始,我们开始学习CSS,其实前面我们也接触了一点CSS,CSS还有多少有趣的东西呢?我们一起来学习。认识CSSCSS(层叠样式表),用来指定文档如何展示给用户的一门语言,包含页面的布局,样式等。具体我们可以举个例子,比如我们前面提高的标题元素h1,它的默认颜色是黑色,我们可以通过css将它变成红色,实现这个效果也很简单原创 2022-02-26 20:28:45 · 463 阅读 · 0 评论 -
前端之路(九)—— 表格
对于初级前端工程师而言,日常工作无非就是‘增’、‘删’、‘改’、‘查’。这些都是对于数据操作而言的。这里我们需要明确,如果我们只是用HTML元素把网页画出来,那么这个页面只是静态页面。加上数据,跟服务器进行互动,才能称为动态网页,我们最终都是在动态网页上进行开发。想要动态就需要操作数据,所以对于程序员,增删改查是最基础的。前端展示数据形式之一就是今天的主角——表格。表格大家都不陌生,excel表格大家日常可能都在用。那么我们如何在网页上插入表格,它的元素又是什么呢?表格标签表格是由行和列组成的结构化原创 2022-02-25 14:58:08 · 879 阅读 · 2 评论 -
前端之路(八)—— 嵌入技术
上一篇中我们学习把图片、音频、视频等多媒体嵌入到页面当中,除了这些,我们还能往页面嵌入其他东西吗?比如说直接嵌入一个页面,嵌入百度的搜索框等。这一小节我们就来学习一下其他嵌入的元素。嵌入简史首先简单了解一下嵌入的发展史。刚开始流行使用框架创建网站部分,然后将各个框架放到一个框架集的主文档中,该方法也存在一些问题,经过一段时间发展,嵌入技术变成很受欢迎,于是视频、动画等内容就通过嵌入技术来实现。最后<iframe>元素出现,它能够将整个web页都嵌入到另一个网页。<iframe>原创 2022-02-21 11:52:08 · 1665 阅读 · 0 评论 -
前端之路(七)—— 多媒体
目前为止我们了解、学习的标签都是文字类,比如超链接,段落等,日常网页中肯定不能只有这些元素,还需要图片、音频、视频等多媒体去丰富网页内容。那么接下来我们来学习下在网页中如何呈现多媒体。图片在html中,我们用<img>元素来呈现图片,在前面《初识HTML》的文章中,我也用过img进行举例,有印象的同学可能知道<img>是一个单标签,具体都有哪些属性与用途呢?src属性。如果只在编辑器上写上<img />,它是没有任何显示的,就是一个空元素,想要显示图片就需要设原创 2022-02-14 15:23:15 · 355 阅读 · 0 评论 -
前端之路(六)—— 超链接
超链接在日常生活中,我们经常见到,它让我们浏览网页更加直观与方便,日常开发中,超链接也必不可少。今天我们就来总结一下超链接及其用法。什么是超链接首先我们明确一下超链接的定义。超链接使我们的文档连接到任何其他文档,也可以链接到指定稳步。几乎所有网络内容转换为链接,当然最常见的就是网页地址。创建一个超链接<a href="https://www.baidu.com">百度</a>这是一个简单的超链接,点击会跳转到百度。从上面代码不难看出超链接的标签是<a>原创 2022-01-26 18:14:15 · 2215 阅读 · 1 评论 -
前端之路(五)—— 文字标签
通过前四篇内容,我们对html有了一个简单的认识。简单的页面通过html就可以写出来,当我们准备好编辑器与浏览器就可以开始我们的代码之旅啦。页面展示的内容不能是简单的一整页文字,它有丰富内容,比如图片,段落,列表等等。要想实现这些,就需要借助各种元素。所以这篇我们就来学习一起文字标签。标题和段落标题:<h1>、<h2>、<h3>、<h4>、<h5>、<h6>都是双标签,数字越大,标题越小<!DOCTYPE html&g原创 2022-01-25 17:00:47 · 1281 阅读 · 0 评论 -
前端之路(四)—— HTML中的元数据
上篇我们初识HTML,在这篇我们解析了HTML文档,其中有head标签,这里面可以包含很多东西,今天我们就一起来探讨一下。<head>元素<head>元素中的内容不会在页面中展示,它的作用是为了保存元数据。元数据:用来描述数据的数据。比如包含该文件的作者和概要,还有网页的标题。<meta>元素<meta>元素,用来为HTML添加元数据,下面我们来了解一下常见的类型。<meta charset=“utf-8”>:指定文档中的字.原创 2022-01-22 16:20:29 · 916 阅读 · 0 评论 -
前端之路(三)—— 初识HTML
学前端应该听说过“前端三剑客”,html、css、js。如果能够精通这三剑客,那么恭喜你,前端对你来说已经易如反掌啦。今天这一章呢,我们就来学习一下三剑客中的第一个剑客——HTML超文本标记语言HTMLHTML(Hypertext Markup Language)超文本标记语言,看它的名字我们就需要记住,HTMl不是编程语言,而是标记语言。它是由一系列元素构成的,接下来我们就要理解是元素。元素:开始标签、结束标签与内容元素相结合就是完整的元素 开始标签:包含内容的符号 结束标签:与开始标签相原创 2022-01-19 11:17:20 · 537 阅读 · 0 评论 -
前端之路(二)—— 基础软件
编辑器编辑器就是我们的武器,用来编写代码。对于编辑器而言,这里个人推荐Visual Studio Code,再引入一些插件后,就像给武器加上各种装备,会让我们开发变得更加方便,VSCode的配置,我也写过一篇记录了一下,具体的插件与配置请移步于此配置浏览器浏览器用来测试代码。用户在浏览网页的时候,直面的就是我们前端,我们所写的代码也都要在页面中显示。当然浏览器也有各种各样的选择,这里推荐Chrome(谷歌)。谷歌兼容性比较好,页面也比较简洁,自身也有各种插件可以帮助我们开发,就是安装插件是一般需原创 2022-01-11 11:56:10 · 100 阅读 · 0 评论 -
前端之路(一)——了解web
hello,大家好!好久没更新了,不知不觉一年又过去了。借此2022开年之际,开启自己的新篇幅,系统复习地总结一下web,也立下flag,争取日更,哈哈。该专栏主要是根据MDN Web Docs文档进行学习,如果想自己总结或者学习的话,可以直接移步于此MDN。那么,让我们开始第一章。什么是web?说实话对于这个词目前我理解的含义只是表面,自己做前端的,而且资历尚浅,大家参考一下就行。web万维网,简单而言就是我们生活中常见的网站。当然建立起一个网站不是那么容易的,如果想要自己建立一个网站就要努力学习原创 2022-01-08 14:17:29 · 500 阅读 · 0 评论