文章目錄
- 文檔聲明
- head
- 顏色模型
- div
根據在這里 Freecodecamp 實踐，記錄筆記總結。
文檔聲明
在文檔頂部添加 DOCTYPE html 聲明
<!DOCTYPE html>
head
title 元素為搜索引擎提供了有關頁面的額外信息。 它還通過以下兩種方式顯示 title 元素的內容：
- 當頁面打開時，在標題欄中；
- 當你把鼠標懸停在該頁面上時，在瀏覽器標簽中。 即使該標簽未被激活，一旦你將鼠標懸停在該標簽上，title 文本就會顯示出來。
<head><meta charset="utf-8"><title>Colored Markers</title><meta name="viewport" content="width=device-width,initial-scale=1.0"><link rel="stylesheet" href="styles.css">
</head>
顏色模型
主要有兩種顏色模型：電子設備中使用的加色RGB（紅、綠、藍）模型和印刷中使用的減色CMYK（青、品紅、黃、黑）模型。
RGB 模型。 這意味著顏色從黑色開始，色值隨著紅色、綠色和藍色數值變化而變化。 一個簡單的方法是使用 CSS rgb
函數。rgb(red, green, blue);每個紅色、綠色和藍色值都是一個從 0 到 255 的數字。 0 表示該顏色的 0%，并且是黑色。 255 意味著該顏色的 100%。
rgb(255,0,0) # 純紅色
rgb(0,255,0) #純綠色
rgb(0,0,255) # 純藍色rgb(0,0,0) # 黑色
rgb(255, 255, 255) # 白色rgb(255, 255, 0) # 黃色
rgb(0, 255, 255) # 青色，藍綠色
在加性RGB顏色模型中，原色是組合后產生純白色的顏色。但要做到這一點，每種顏色都需要達到最高強度。
div
div 元素的 display 屬性默認是 block。 因此，當兩個 block 元素彼此相鄰時，它們會像實際的塊一樣堆疊。要將兩個
div 元素放置在同一行上，需要將它們的 display 屬性設置為 inline-block。
所有 HTML 元素都有邊框，盡管它們通常默認設置為 none。 使用
CSS，你可以控制元素邊框的所有方面，并在所有邊上設置邊框，或者一次只設置一側。 要使邊框可見，你需要設置其寬度和樣式。
box-shadow 屬性允許你在元素周圍應用一個或多個陰影。 這是基本語法：
box-shadow: offsetX offsetY color;
下面是 offsetX 和 offsetY 值的作用： both offsetX and offsetY accept number
values in px and other CSS units 正 offsetX 值將陰影向右移動，負值將它向左移動 正 offsetY
值將陰影向下移動，負值將它向上移動 如果你想要 offsetX 和 offsetY
其中一個值為零，或兩個都為零（0），那么你不需要添加單位。 每種瀏覽器都知道零意味著沒有變化。
陰影的高度和寬度由應用陰影的元素的高度和寬度決定。 你也可以使用可選的 spreadRadius 值來擴大陰影的范圍。如果不設置 blurRadius 的值，則默認為 0，并產生銳利的邊緣。 blurRadius 的值越大，模糊效果就越大。
![《P3038 [USACO11DEC] Grass Planting G》](http://pic.xiahunao.cn/《P3038 [USACO11DEC] Grass Planting G》)
：用 SQLAlchemy 優雅操作數據庫)
