全端入门Day16_前端程序撰写之多一点的CSS

昨天介绍了CSS写在内部,今天要来把CSS写在外部。

外部的CSS

早期在学校写程序的时候,都会把一个main或是index给塞得满满,什麽函数一大堆,就会看起来很丑陋,也不好处理Bug,所以我觉得要学习程序语言,有个必要的点就是不要把每个程序都塞好塞满,因此下面就要来介绍怎麽用外部CSS来控制HTML的颜色:
一样是用昨天的程序来改,那我们就来看怎麽改
先在VS Code右上角案档案->新增档案->右下角纯文字点一下->打CSS并选择->之後再把昨天写在head的CSS给剪下,然後贴到刚刚创的那里
https://ithelp.ithome.com.tw/upload/images/20210902/201401267gooSniPpg.jpg
然後存档,把名子改成style.css,(我是把css和HTML都存在同一个目录),如:
https://ithelp.ithome.com.tw/upload/images/20210902/20140126lNkNzlQTmf.jpg
然後我们HTML档案也要做更改,要输入这行(link那行)
https://ithelp.ithome.com.tw/upload/images/20210902/20140126t6dLSsWxSD.jpg
一样存档之後就能把index.html重新打开就会看到跟昨天的结果一样:
https://ithelp.ithome.com.tw/upload/images/20210902/20140126vtRCBAcKlz.jpg

今天就介绍到这,明天说明F12的功能。


<<:  前导文 - 科学不能解决大自然的奥秘(↑订阅)

>>:  InnoDB的表格空间-Part3(系统表格空间)

【从零开始的 C 语言笔记】第五篇-基本资料型态

不怎麽重要的前言 上一篇我们介绍的运算子跟运用的方式,不晓得大家有没有比较理解了呢,也可以自己多尝试...

[01] 所以是哪个 P ? 前言

首先先来看看我们 P 开头的程序语言有哪些吧 恩,比我预想的还多 原本是写 PHP 的,写了四年想摸...

Day 22 菜鸟的 helm 纪录 - 进阶篇

在昨天介绍了Helm这一工具,那们今天就来介绍如何建立属於自己的Helm repo吧!! ps.如果...

D13 - 「类比×电压×输入」

接下来我们开始建立「类比输入视窗」。 何谓类比讯号 和数位讯号只有 0 与 1 两种状态不同,类比讯...