海拥

show: stepversion: 1.0enable_checker: true 使用 CSS 制作打字机实验介绍本节实验我会带大家使用 HTML 和 CSS 来制作一个如下图效果所示的打字机。 在线演示戳这里👉 https://haiyong.site/lanqiao/3.html 正如你所见，页面中从光标位置开始可以自动打印出一行文字，是不是很神奇呢？那我们快去一探究竟吧！ 知识点 margin 属性 background-color 属性 overflow 属性 font-size 属性 @keyframes 属性 我使用 HTML 和 CSS 代码来创建这个动画。因此，首先你必须创建一个 HTML 和 CSS 文件，然后按照下面显示的完整过程进行操作。 使用 CSS 设计网页首先，我们使用 CSS 代码来设计网页，我们要用到以下三个属性： margin 外边距即元素距上级元素或相邻兄弟元素的距离。该属性可以有 1 到 4 个值。在实验二中我们已经介绍了，详情见： W3schoolCSS margin 属性 background-color 属性设置元素的背景颜色 ...

博客页面布局实验介绍嗨！欢迎来到从零趣味学习 Web 前端的课堂～ 初次见面，我们先来认识一下前端三剑客（HTML、CSS、JavaScript）中的 HTML。 HTML，英文全称为 HyperTextMarkupLanguage，翻译为超文本标记语言，其用于页面布局。例如我们在蓝桥云课首页上，使用 Chrome 浏览器的开发者工具（按 F12），可以发现网页是由 <> 这样的结构组成的。 这些 <> 的符号被称为标签。从上图可以看出大部分标签都是成对出现的。我们一般把 <> 称为开始标签，把 </> 称为结束标签。这些标签就是 HTML 的元素，构成了我们整个页面的结构。下面放个图，帮助大家更好滴理解标签～ 本节实验中，我将带大家入门 HTML，我们一起从零开始实现一个博客页面布局。 知识点 列表 表单 超链接 标题 段落 创建第一个 HTML 文档我们在那里创建 HTML 文档呢？ 工具很多，如 VS Code、HbuilderX、Dreamweaver 等。在本课程中我们使用蓝桥云课的云环境（VS Code）来演示。 在创建 ...

使用 CSS 来装饰我们的第一个网页实验介绍嗨！欢迎再次来到从零趣味学习 Web 前端的课堂～ 在上一个实验中，我们已经用 HTML 做了自己的第一个页面，但是当我们预览网页时会发现它看起来比较简陋。这一节我们可以通过向 HTML 文件添加一些基本样式来美化它。 知识点 盒子模型 定位方式 background 属性 font-size 属性 color 属性 transform 属性 初识 CSS首先，我们来简单了解一下什么是 CSS。 CSS，英文全称是 Cascading Style Sheets，译为层叠样式表，简单来说就是用来美化 HTML 页面的。 例如，我们在蓝桥云课的首页，在 chrome 浏览器中按 F12 打开开发者工具，我们可以看到如下所示的内容： 我们可以看到，右侧有一个 styles 表，里面全是像 img{max-width: 100%;} 这样的结构组成的，这就是样式表（CSS）了。我们用一个图来解释表中内容的意思： CSS 就是由各种选择器、属性和属性值组成的，其中选择器的作用是找到添加样式的指定元素，属性是给元素添加怎样的样式 ...

一个人对于另一个人的爱会持久到什么时候，会是地老天荒吗？ 也许一个人对另一个人的爱哪怕世界崩坏，也会再创造一个世界去见你。 「就算世界毁灭了，我也想再一次见到你」 这句宣传语来自电影《Hello World》，初见这句宣传语感觉还挺中二的，不过昨晚带学妹去看了这部电影还是挺感动的，有时间可以去看看。 不禁回想起刚上大一学习C语言还在研究如何输出Hello World的自己。我跟学妹说程序员最熟悉这两个单词了，学妹还很疑惑地问我为什么。我解释给她说，当我们开始学习编程或只是学习一门新的编程语言时，我们被指示要做的第一件事就是做一些非常简单的事情。比方说要做的第一步是打印一个简单的文本——“Hello World”。 你好，世界！ 我正在谈论的是Hello World。本文是成为你的问候世界，你刚开始就一个重要旅程的一种方式。尽可能多的学习之旅。如果您很好奇并想了解如何在最流行的 12 种编程语言中做到这一点，那么让我们开始吧。 1. JavaJava 是一种通用计算机编程语言，它是并发的、基于类的、面向对象的，并且专门设计为具有尽可能少的实现依赖性。它旨在让应用程序开发人员“一次编写，随 ...