昨天學了HTML
已經可以出現有文字的頁面了!!
但是白底黑字非常單調...
HTML tags 可以加上attribute 產生不同樣式，
但是tag 會變得亂七八糟的。
<body style="background-color: pink;">
<h1 style="background-color: #ff3047; color: rgb(255, 255, 255);">I am Azer.</h1>
</body>
或是可以用CSS的方式
body {
background-color: pink;
}
h1 {
background-color: #ff3047;
color: rgb(255, 255, 255);
}
<body>
<h1>I am Azer.</h1>
</body>
也可以得到相同的效果
但是不是每個<h1>我都想用相同的效果，
這時候可以使用 id 或是 class 來分類。
#special {
background-color: black;
color: white
}
.intro {
background-color: pink;
color: red;
}
<body>
<h1 id="special">I am Azer.</h1>
<h1 class="intro">I am Azer.</h1>
</body>
這樣就可以輕易的分類了。
至於id 與class 的差異，感覺可以寫出一篇。
再來是一個覺得 hen重要的一個觀念
真的hen 重要
就跟central dogma一樣重要
這些東西影響了畫面的輸出，
Box Model
content : 中間藍色的部分，文字或圖片顯示的部分。
padding : 圍繞在 content周圍看不見的部份，有點像留白的部分。
border : 圍繞著content 和padding。
margin : 在border 之外留白的地方。
學到這個地方 我真的很懷念當年口試做PPT時，
用滑鼠就可以把這些東西拉好的美好時光，
老闆叫我要對齊我都不理他。
iThome鐵人賽
看影片追技術