color (顏色) 屬性可設定一個元素的顏色。此屬性可以有以下三類的設定值： 十六進位值 RGB 碼 顏色名稱 範例如下： <!DOCTYPE...
小斑
‧
2017-12-09
DAY 6. CSS 選擇器 Selector (實際範例) 在前面幾天我們陸陸續續地複習了幾個常用的CSS 選擇器 Selector我將在這篇中使用table...
這次分享的是BEM BEM分別是B=>Block E=>Element M=>Modifier Block 區塊網頁是由多個區塊組合自成一區在...
從開始切版，我最容易遇到的問題就是⋯ 扣很髒很亂今天打的程式碼睡一覺醒來後就完全看不懂程式碼在寫些什麼切版都用不一樣的標籤，今天用header明天用top後天用...
之前在CodePen上面有看見許多使用CSS製作圖案的Pen當時看到覺得很神奇也很佩服，沒想到可以使用CSS做到這樣的事情 用CSS進行製作時，我們會需要使用到...
float (浮動) 屬性可達成文字繞著一個圖案顯現，可能的值為：left、right、和 none。float:left; 使圖案浮動於左邊。float:r...
小斑
‧
2017-12-08
此篇介紹關於 border 的其他樣式，包含： **border：**若四個邊框屬性一樣，可用 border 屬性來描述(一行即可宣佈所有邊框的屬性)。**b...
小斑
‧
2017-12-07
剛開始接觸Bootstrap的時候剛好處於3跟4版本交替的時候3的資料才看沒多久4就出來了 文件資料有看沒有懂，知道的會用的也只有row跟col，而且還用得很落...
selector:nth-child(an+b) 選取符合偽類別an+b規則的元素an+b中的n為系統自動抓取值，無法人為控制，而a與b則為數字使用範例說明會更...
border-style 可以用來指定邊框的樣式。 如以下範例： <!DOCTYPE html> <html> <head&g...
小斑
‧
2017-12-06
CSS的選擇器種類非常多，它們到底有哪些功能呢？剛開始學切版的時候因為實在搞不懂選擇器的用法和功能所以我的選擇器全部都是使用#ID ... class是什麼？跟...
對於後端程式起家的我, 以前我對CSS的選擇器selector大概就只知道id、class、*，一直到前17年初我真正踏入前端的領域後才知道原來選擇器可以有這麼...
挑戰 CSS 第二天，練習基本與重要的背景屬性：background-color 和 background-image 範例如下： <!DOCTYPE h...
小斑
‧
2017-12-05
在網頁上連接的預設樣式為藍色，且有下劃線。改變此預設的樣式之範例： <!DOCTYPE html> <html> <head&...
小斑
‧
2017-12-04
很抱歉 Day 2 並沒有承接著Day 1的內容原因是我在思考內容時總會聯想到許多東西, 而那些東西都讓我想好好地複習、更新且該篇核心內容並不足以成為一篇文章，...
日商公司招募企業內部員工(正社員)：IT工程師１１／２７、１１／２８將來台灣開辦選考會，有興趣的人，歡迎留言哦！雇用形態：正社員※入社後2ヶ月の試用期間あり。た...
工作內容：依據任務分組負責軟體系統的程式撰寫、版本測試及上線後的維護工作，確保系統正常運行。 技能要求： 熟悉PHP、MariaDB(或MySQL)、Apac...
【公司簡介】沖縄県最大的網路媒體在台灣設點！主要從事網路行銷専門的公司。數位行銷、Web網站制作、SNS等活用、有日本国内、海外，有効果的行銷、提升販賣等實績。...
主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 可滾動的提示 我自己是個很遲鈍的使用者 =艸=不知道大家有沒有類似的經驗，還記得之前我一直找不到在...
主要參考 CSS SECRETS 這本書裡面的內容作筆記~ 添加點擊的感應範圍 現在使用手機瀏覽網頁的人越來越多了，在頁面的設計上，當然也要更考慮在小螢幕上的...
相較於 Javascript 來說，CSS 的演進速度算是非常緩慢的，主要原因當然是瀏覽器的相容性，瀏覽器不太能因為新的特色加入而毀了以前所建置的網站。 在這個...
在維護舊的專案很多必須放下自尊，用一些手段來維持成果的運作，但有些作法如果過於殘暴可能會影響到未來的維護，CSS !important 就是一個很好用的手段，他...
最後幾篇再來額外介紹一些小技巧，這些小技巧都是非常冷門的卻是實用的手法，分享給大家參考看看。 先前有一位朋友詢問到 iOS 表單有個小問題讓他困擾，就是用戶在...
先前提到過有自幹過框架，主要的經驗是兩次，第三次就不再完全重新自幹了，每次到了最後都會發現有些概念不夠完美，然後修正前一版的錯誤再出發一次!?後來發現自幹本身就...
Sass 的 @extend 可以將相同的樣式整理再一起，在其他語言來說是非常帥氣的技法，但在 CSS 中請警慎使用。 就如同本篇鐵人賽一開始所介紹到的 OOC...
上一篇介紹了很短的程式碼產生一整組 Grid System，然後還提供變數讓 Grid 還有額外的參數可以設定，手寫的 CSS 如果要重新計算 12 組以上的計...
自己本身是不常自幹 Grid，但透過自幹會了解更細的運作原理，grid system 和其他元件不太一樣，他是屬於外容器型的元件，一層包覆著一層變化性相當高，如...
上一章節介紹了各種 Utilities ，唯獨垂直置中不介紹，因為在製作、使用垂直置中時要先思考 "支援的瀏覽器"，就算現在全部 IE 的使...
Bootstrap 3 載入以後其實就有包含大部分的元件，原本的設計概念上是希望透過一套框架就能滿足大多的需求，但實際在專案運作時有許多客製化需要微調，而很多微...
Cian
只是顆米荳
fripig
lazy_shyu
卡斯伯
iThome鐵人賽
看影片追技術