iT邦幫忙

css相關文章
共有 1576 則文章
鐵人賽 Modern Web DAY 2

達標好文 技術 Tag 元素選取器 - 網頁中最常用到的基本設定選取器 - 金魚都能懂了你還怕學不會嗎

本系列文章已集結成書,並於書中添加一些新篇章及細節補充,有興趣的朋友可至天瓏書局選購,感謝各位支持購書連結 https://www.tenlong.com.t...

鐵人賽 開發技術 DAY 22
CSS沒有極限 系列 第 18

技術 CSS沒有極限 - Checkbox的妙用

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-07 (建議使用Chrome瀏覽器) CSS3 新增了:checked的...

徵才 [招兵買馬]精誠集團 網路銀行網頁開發工程師數名

網路銀行趨勢興起,你跟上了嗎?歡迎加入精誠集團_鼎盛資科的行列!我們誠徵網路銀行網頁開發工程師數名(駐點客戶端_大台北地區)歡迎好手加入我們,請郵寄個人履歷至j...

鐵人賽 開發技術 DAY 25
30天掌握Sass語法 系列 第 21

技術 30天掌握Sass語法 - (25) 透過index()與nth()來設計網站版本樣式控制管理

在以往有些網站性質會因為節慶的關係, 而會修改網頁樣式, 在傳統比較常見的做法, 一個網站會有兩隻CSS, 第一個CSS是網站全域樣式,譬如Layout、mod...

鐵人賽 Modern Web DAY 4

技術 【Day 4】網頁設計入門:基礎 HTML、CSS 線上課程推薦

昨天分享的教學是以文章資源為主,好處是一目了然,所有大綱和分類都可以快速尋找。但文字看久難免會想睡呀! 學習時搭配一些互動式影片教學,可以幫助吸收和複習,一步一...

鐵人賽 Modern Web DAY 27

技術 margin & padding - 金魚都能懂的CSS必學屬性

margin 與 padding 這兩個屬性應該是所有新手必學的兩大屬性,也是網頁入門必備的一項常識,margin 與 padding 分別控制物件的外部距離與...

鐵人賽 Modern Web DAY 3

技術 [Day 03] Elements - CSS

想要又快又穩的滿足各種 UI 需求,每天肯定花不少時間在 Debug CSS,不過總有某些特殊情境讓 Debug 過程非常繁瑣,甚至是難以完成,此時心中就會逐...

鐵人賽 Modern Web DAY 22

達標好文 技術 :first-child & :last-child 頭尾選取器 - 有頭有尾有始有終的選取器

本系列文章已集結成書,並於書中添加一些新篇章及細節補充,有興趣的朋友可至天瓏書局選購,感謝各位支持購書連結 https://www.tenlong.com.t...

鐵人賽 Modern Web DAY 17

技術 :lang 語言僞類選取器 - 多長的單字都不煩惱

本系列文章已集結成書,並於書中添加一些新篇章及細節補充,有興趣的朋友可至天瓏書局選購,感謝各位支持購書連結 https://www.tenlong.com.t...

鐵人賽 Modern Web DAY 8
重新認識 Flex 和 Grid 系列 第 8

技術 [Day08] flexbox justify-content

接下來幾個屬性都和對齊有關,其中 justify-content 這個屬性擅長於操控"主軸上彈性項目的分布",非常適合拿來調整內容。 注意:...

鐵人賽 DAY 2
jQuery外掛特輯 系列 第 2

技術 [jQuery]外掛特輯02:Star Rating Widget-星星評價創造豐富的使用者體驗

更詳細的說明請參考我的部落格 互動式的Star Rating可以帶給使用者更好的操作體驗,讓網站更加活潑,雖然沒有他網站還是可以照樣運作,但是無疑的這會令網站...

鐵人賽 開發技術 DAY 20
CSS沒有極限 系列 第 16

技術 CSS沒有極限 - Web-font & icons 3連發 - 自製web font icons

本篇CSS效果發表於http://ashareaday.wcc.tw/#2013-10-05 (建議使用Chrome瀏覽器) 接下來會連接3篇文章都介紹web-...

鐵人賽 Modern Web DAY 19

技術 [十分鐘學習] Fine Uploader - 拖曳上傳

導入拖曳上傳檔案的好選擇,跨瀏覽器、原生JavaScript又加上百分百免費開源,只要載入一隻JavaScript就可以開始運作,不依賴其他程式 GitHu...

鐵人賽 自我挑戰組 DAY 10
前端新手進化史 系列 第 10

技術 番外篇 - 胡搞 box-shadow (中)

文章將陸續整理並更新至個人部落格。 咦,box-shadow 和 box model 唸起來很像? 他們的確有關聯沒錯!還記得 box model 是由...

技術 30天掌握Sass語法 - (14)透過Compass CSS3 Mixin輕鬆撰寫CSS3靜態樣式

在早期如果我們必須要撰寫一個最基礎的圓弧效果時, 是必須要寫很多瀏覽器前綴詞的,譬如這樣: .box{ -webkit-border-radius: 100...

鐵人賽 Modern Web DAY 12
從零開始的網頁設計 系列 第 13

技術 Day12 : 切版(2) _ 基礎樣式 2 :滑鼠滑過變更顏色

那今天要來寫的是關於選單的部分 那我們要讓他變成這樣這邊沒有什麼新的屬性 .menu ul li { font-size: 1.3em; fo...

鐵人賽 自我挑戰組 DAY 21

技術 Day21 實作一個簡單的 Todolist (上)

第一個入門 JS 的實作學習目標 身爲 JS 剛入門的新手,把做出第一個 Todolist 當作第一個實作學習目標。一開始還不確定能利用哪些語法做出 Todol...

鐵人賽 Modern Web DAY 5

技術 [十分鐘學習] pickadate.js - 日期/時間選擇器

對行動裝置友善、響應式且輕量化的日期/時間選擇器 GitHub Star: 7,200Javascripting Overall: 81%瀏覽器: Chro...

鐵人賽 自我挑戰組 DAY 24
每天來點 CSS Specification 系列 第 24

技術 CSS table

倘若不斷向深處扎根,就能茁壯成長 - RM 前言 今天我們要介紹的是表格,表格本身屬於 table model,本身的結構在 HTML 中分別有對應的標籤(...

鐵人賽 其他技術 DAY 21
快寫HTML靜態網頁 系列 第 18

技術 利用 CSS 框架加速HTML的佈局及美化

前2/3的篇幅是介紹快寫HTML的語法、工具, 以及能夠像動態網頁似地快速更新網頁的靜態網頁產生器。 接下來介紹如何快速安排網頁元素的佈局及美化。 一片空白的...

技術 30天掌握Sass語法 - (15)如何透過Sass&Compass支援CSS3動畫效果

這次的主題主要是要分享自己是如何透過Sass&Compass來支援動畫效果, 一共會分享Compass Transition,以及國外分享出來的Anim...

鐵人賽 Modern Web DAY 10

技術 [十分鐘學習] highlight.js - 程式碼上色外掛

針對Web程式碼所做的高亮顯示上色 GitHub Star: 11,300Javascripting Overall: 90%瀏覽器: Chrome、Fir...

鐵人賽 開發技術 DAY 30
30天掌握Sass語法 系列 第 26

技術 30天掌握Sass語法 - (30)inline-image()與Livereload介紹

上篇文章好像太早發了,導致系統沒更新,所以第30天煩請以此文章為主 關於Sass的基礎知識, 其實在這30天都講得差不多了, 如果有興趣想再深入了解的話, 可以...

鐵人賽 開發技術 DAY 26
30天掌握Sass語法 系列 第 22

技術 30天掌握Sass語法 - (26) 如何讓你的CSS動畫更具動態效果

.box height: 30px width: 30px transition: all 1s &:hover width:...

鐵人賽 Modern Web DAY 6

達標好文 技術 CSS 組合式宣告 - 新手開發從這裡開始進步

本系列文章已集結成書,並於書中添加一些新篇章及細節補充,有興趣的朋友可至天瓏書局選購,感謝各位支持購書連結 https://www.tenlong.com.t...

技術 Reset CSS,讓css更相容於各牌瀏覽器的方法

由於各家瀏覽器實作方式不同,為了降低彼此間的差異,而有重設css(reset CSS)的方法,將一些設定都歸成一樣,之後再重設。 雖然沒辦法解決所有的問題,不過...

鐵人賽 Modern Web DAY 14

技術 項目清單-30天學會HTML+CSS,製作精美網站

項目清單分為條列式清(ol)單及編號清單(ul),兩者的差別在於是否有自動排序項目的功能,<ul>是黑點符號「●」,在不同的瀏覽器下可能呈現不同的效...

鐵人賽 Modern Web DAY 4

技術 Font-weight - 金魚都能懂的CSS必學屬性

Font-weight 的規則 font-weight基本上僅需指定一個值,其撰寫方式像是這樣 font-weight: bold; 好了!講完了,今天的金魚...

鐵人賽 Modern Web DAY 14

技術 [Day 14 - 小試身手] 用HTML、CSS、JS打造個人網站 (1)

所有的網站大概可以分成兩類:靜態網頁、動態網頁,靜態網頁顧名思義就是靜止的網頁,不會去太頻繁的更新內容;動態網頁則是會根據使用者的輸入而有不同的內容更新,包含的...

鐵人賽 Modern Web DAY 7

技術 Line-height - 金魚都能懂的CSS必學屬性

Line-height 的規則與概念 line-height基本上僅需指定一個值,其撰寫方式像是這樣 line-height: 1; line-height的...