全端入门Day15_前端程序撰写之CSS

昨天介绍了HTML的head跟body,今天为什麽就要说CSS了呢?
昨天你有没有感觉是不是网页丑丑的,怎麽都没有颜色之类的,完全没有美感,这是因为就如前面说的HTML没有CSS就很像黑白报纸,所以今天要来让黑白报纸变成彩色报纸。

CSS入门

使用CSS有2种方法,1种是写在body里面的另1种是写在head里面的,但通常都习惯写在head里面,为什麽呢?
因为我们在body里面会有很多需要HTML的标签了,那麽再把CSS加入到里面会觉得程序码很杂乱,那还不如把CSS放到head里面,让body的标签可以对到head的标签,下面我就来示范怎麽做:
我们一样会用昨天写的程序继续改,所以练习完不要把它删掉了!
https://ithelp.ithome.com.tw/upload/images/20210902/20140126kxF4aeoq4d.jpg
在head里面,把body的标签都改了颜色,然後存档再把index.html打开
https://ithelp.ithome.com.tw/upload/images/20210902/20140126xhqMIne77o.jpg
应该会是这样的,颜色你想改成什麽都可以,那麽这个方法是写在内部里面的。
当然这个方法不是最好的,这是把CSS放到内部但还是在一个HTML的档案里面。

明天会介绍怎麽把CSS档案给独立出来,并且HTML档案还是能改变颜色。


<<:  食谱搜寻系统_Node.js测试~~

>>:  [Day 1] 为啥选择Vue.js咧???

[Day30] Flutter with GetX flutter_WebRTC

Flutter_WebRTC 本篇需搭配後疫情时代的WebRTC微学习 Day28服用 用docke...

依赖反转原则 Dependency Inversion Principle

在上一篇文章当中我们谈到开放封闭原则,这里我们要来谈谈依赖反转原则 Dependency inver...

Day 06 - Google Map 在地向导也是另一种数位足迹

图片来源 延续上一篇最後提到的老照片, 不知道大家认不认为除了FB开地球(开放所有人浏览)之外, ...

Day14 金银满堂-北方名菜合菜戴帽

合菜玳瑁是有名的北方菜,刚好看到读书会书友外带了好吃的合菜戴帽,把合菜戴帽比喻成蛋皮界的星海罗盘让我...

30天程序语言研究

今天是30天程序语言研究的第十六天,由於深度学习老师多让我们上了python的进阶课程里面包括之前没...