iT邦幫忙

鐵人檔案

第 11 屆 iThome 鐵人賽
回列表
自我挑戰組

用敏捷管理我跟 HTML&CSS 的 30 天親密接觸 系列

我現在不僅是一位在私立逢甲大學專案管理所在職專班的碩二專生,平日在台北的五倍紅寶石這間新創公司服務

而我的工作內容跟活動規劃和行銷推廣也很大的關係,但容易憑藉著自己本身過往的消費經驗來做出促銷或決策的決定,雖然相信自己的直覺判斷並不是一件壞事,但總覺得心裡有點不踏實。

就讀了專案管理所幾個月後,開始學到一些管理和行銷上結合的價值,發現了解 HTML 和優化 SEO 好像是很有趣的事,所以我想留個記錄提醒自己,曾經有被這樣的文字或學習資料上啟發一些感想:)

鐵人鍊成 | 共 30 篇文章 | 28 人訂閱 訂閱系列文 RSS系列文
DAY 11

|Day 11|從 HTML + CSS 開始

何謂 CSS 呢?從維基百科偷一點點介紹給大家看看 層疊樣式表(英語:Cascading Style Sheets,縮寫:CSS;又稱串樣式列表、級聯樣式表、...

2019-09-24 ‧ 由 Keddie 分享
DAY 12

|Day 12| CSS 常用語法 - 認識顏色

CSS 語法最主要是要來改變網頁的外觀,也就是我之前說的,替素顏的 HTML 畫上一點妝!那常用的化妝品有哪些呢? ❏ 先來聊聊顏色 ❏ CSS 要做文字的顏...

2019-09-25 ‧ 由 Keddie 分享
DAY 13

|Day 13|CSS 常用語法整理:生命就該浪費在讓畫面美好的事物 - 上篇

先來聊聊把 CSS 寫好會對 SEO 有利呢? 雖然我們沒有直接文件證明,把 CSS 寫好會對 SEO 有利,但是透過我們寫 CSS 的方式,而 HTML 頁面...

2019-09-26 ‧ 由 Keddie 分享
DAY 14

|Day 14| CSS 常用語法整理:生命就該浪費在讓畫面美好的事物 - 下篇

上回我們提到了怎麼利用 CSS 做字體的大小、粗細和對齊方式讀變化,大家可能對於替素顏的臉化點妝開始有點概念了。 文字做適當的變化,會讓轉折的情緒更容易被感受到...

2019-09-27 ‧ 由 Keddie 分享
DAY 15

|Day 15| 我們可不可以不要那麼擠之 box model

什麼是 box model 呢?其實就是定義網頁的區塊位置,排出想要的版型 我們會把網頁化成很多區塊,例如在<aside>的架構裡你想做兩個區區塊,...

2019-09-28 ‧ 由 Keddie 分享
DAY 16

|Day 16| 不用怕數學因為我有 box-sizing

我們今天有個 div ,我們希望他的尺寸是 100 X 300,這個時候我們想加個外框,但又不希望這個 box 因此變大,因此可以使用box-sizing 來做...

2019-09-29 ‧ 由 Keddie 分享
DAY 17

|Day 17| 老闆,給我來點陰影,要切不要辣!

每個 div 區塊或是圖片,可以做些邊框或陰影的效果,一般來說可能要使用圖像編輯軟體來完成,但是現在我們可以透過 CSS3 來幫做,就可以輕鬆做出陰影效果了。...

2019-09-30 ‧ 由 Keddie 分享
DAY 18

|Day 18| 看 border-radius 怎麼讓你圓又圓

在 box model 大家應該對於 box-sizing 的用法應該都有概念了吧,前篇提到的: box-sinzing content-box:所設定的數...

2019-10-01 ‧ 由 Keddie 分享
DAY 19

|Day 19| display 的屬性介紹

網頁就是由一塊又一塊的 div 或是元素所組成。因為每個區塊長寬設定不一樣,所以在排版上可能會有重疊或是排版的幾會,這時display的屬性,可以讓各個區塊,依...

2019-10-02 ‧ 由 Keddie 分享
DAY 20

|Day 20| CSS 的 text 二三事

淺聊 text-align text-align 的屬性其實是要讓區塊內的文字做水平的對齊所以值可以帶入 text-align:left; 向左對齊 text...

2019-10-03 ‧ 由 Keddie 分享