Day12帮HTML穿衣服罗(CSS)

如何穿上CSS?

有了前面那些HTML的基本观念那麽就可以进入CSS了
那麽如何帮HTML穿上CSS这件衣服呢
有这几种方式 第一是可以直接写在html档案内 如果没有太大量语法的话
这称为内部样式 举个例子

<body>
    <style>
        h1 {color:red;}
    </style>

    <h1>注意!!!!</h1>
     
    <h2>没事</h2>

</html>

这边我写了一段style在里面 并且把h1指定为颜色:红色
然後又有使用到h1和h2 但因为h2没有被我的CSS定义到 所以这段程序码会长这样
https://ithelp.ithome.com.tw/upload/images/20210908/20129404cKlG3VLxp9.jpg

而另一个方法
外部样式是建立一个名为 style.css的档案 并且将语法写在里面
这样就不用包在style里面 直接写就可以了
但是一定要在HTML引入这个CSS档案
所以请记得加入这一段在HTML的head之中哦~

<link rel="stylesheet" type="text/css" href="/css/style.css"> 

href这边要特别注意 因为我把它放在css的资料夹里面
所以要特别加入/css进下一层资料夹才能找到这个档案哦~

那麽最後一种 行内样式
就是直接嵌入在HRML的标签里面

<h1 style="text-align: center;color: aqua;">注意!!!!</h1>

https://ithelp.ithome.com.tw/upload/images/20210908/20129404Nd9mMKDjCb.jpg

※而他们的优先顺序是依照如下

  1. 行内样式(在HTML元素中)
  2. 外部和内部样式表(在head部分)
  3. 浏览器默认的预设样式

<<:  #6 Python进阶教学3

>>:  第6天~原来还有OKhttp这种语法

[NestJS 带你飞!] DAY12 - Interceptor

什麽是 Interceptor? 中文名称为拦截器,受到 剖面导向程序设计 (Aspect Orie...

IT铁人DAY 24-Chain of Responsibility 责任链模式

  今天要认识的模式是Chain of Responsibility,属於Behavioral De...

Day 24 - Shiaoji.Login踩坑经验及修正

今天原本想开始抓个股的kbar资料及後续处理,结果在清洗Contract资料时,发现抓出来的TSE+...

[D22] 物件侦测(3)

上一篇我们认识了基本的 R-CNN 和 Fast-RCNN,接着来看 Faster RCNN! Fa...

第四章之二

接续先前所述,Hostinger提供非常多工具可以使用,这次就介绍一些非常实用且无须懂太多如终端机指...