iT邦幫忙

css相關文章
共有 1577 則文章
鐵人賽 IT技術 DAY 25
只是路過 HTML5 系列 第 25

技術 ●CSS說明

CSS (Cascading Style Sheet) 中文解釋: 層疊樣式表 功用: 使用CSS來決定網站內容的顏色、字型、排版、大小等顯示特性。 CSS (...

鐵人賽 IT技術 DAY 23
新手前端日記 系列 第 23

技術 [新手前端]拿到視覺出的mockup,開始要切版了

就算是切版也是很講技巧的 配圖和內文無關,只是我今天畫的萬聖應景圖而已... 前幾天的分享裡有聊到,前端的工作並不僅僅是切版而已,整個web的呈現部分都可以廣...

鐵人賽 IT技術 DAY 21
新手前端日記 系列 第 21

技術 [新手前端]視覺及企劃也該知道的網頁設計概念

網頁設計 ≠ 平面設計,有些"眉角"還是要了解一下 前端網頁設計的技巧很雜,不過有很多問題其實在企劃或視覺設計版面的階段就要先溝通好,否則等...

鐵人賽 IT技術 DAY 19
新手前端日記 系列 第 19

技術 [翻譯]Border-radius:用CSS畫圓角

CSS3的圓角參數讓網頁開發者能輕鬆的使用圓角設計,不需要使用圖片或是大量的DIV標記,這大概是CSS3裡最令人印象深刻的功能了。 自從2005年發佈的圓角屬性...

鐵人賽 IT技術 DAY 18
新手前端日記 系列 第 18

技術 [新手前端]選單共用背景圖片

現在的網頁設計比較重視語義化的結構,也就是在設計時會考慮該元素是不是真的「是內容」或者僅是裝飾品,如果是「是內容」就使用 html的元素來表示,如果單純只是造型...

鐵人賽 IT技術 DAY 17
新手前端日記 系列 第 17

技術 [翻譯]OOCSS物件導向的CSS設計概念

[翻譯]OOCSS物件導向的CSS設計概念 重點1. 把物件(定位)和skin (皮)分開,以利維護及重覆使用 重點2. 把內容和 容器分開 缺點是HTML那邊...

鐵人賽 IT技術 DAY 15
新手前端日記 系列 第 15

技術 CSS超初教學版-CSS概念

介紹變成BLOG用的CSS 說到改BLOG樣式就不能不扯到CSS,那麼,這個CSS又是什麼東西呢? 接下來就做個簡單的介紹吧~ 一般的BLOG服務都會提供後台,...

鐵人賽 IT技術 DAY 13
新手前端日記 系列 第 13

技術 [新手前端日記] compass- fireapp使用筆記

compass- fireapp使用筆記 **** fireapp是compass app 改名之後的名稱,是一個用來編寫網站的工具 似乎是用ruby 及 sc...

鐵人賽 IT技術 DAY 12
新手前端日記 系列 第 12

技術 純CSS繪製喬巴

純CSS繪製喬巴 所謂的純CSS繪製,意思就是網頁中不含任何圖片,圖案是單純利用設定CSS語法組合出來 說難其實也不太難XD,只要對CSS有一定的了解,然...

鐵人賽 IT技術 DAY 11
新手前端日記 系列 第 11

技術 [新手前端]從平面設計前進 CSS-9 字型

CSS 如何控制HTML內的文字造型 今天來講 CSS 如何控制HTML內的文字 font-style 字型 首先在文字設定時最基本的- 表示為 font-s...

鐵人賽 IT技術 DAY 10
新手前端日記 系列 第 10

技術 [新手前端]從平面設計前進 CSS-8 背景及overflow

介紹CSS屬性 背景及overflow 今天來講最常用的背景色及背景吧~ color:#fff | rgb(255,0,0) | red 顏色可以用三種方法指...

鐵人賽 IT技術 DAY 9
新手前端日記 系列 第 9

技術 [新手前端]從平面設計前進 CSS-7 元素排序規則- DOM,float,position

繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 繼續說明 CSS 如何控制HTML元素在頁面裡的空間及位置配置。 上篇介紹了 display...

鐵人賽 IT技術 DAY 8
新手前端日記 系列 第 8

技術 [新手前端]從平面設計前進 CSS-6 塊級元素及float, reset

分享CSS 的屬性特色 上篇解釋了CSS的盒模型,介紹HTML元素在設計時就像一個個的盒子各自佔用了一個矩形的空間,今天就來接著介紹同樣也是針對元素空間定位的相...

鐵人賽 IT技術 DAY 7
新手前端日記 系列 第 7

技術 [新手前端]從平面設計前進 CSS-5 盒模型

CSS樣式的空間組成基礎- box 盒模形。 CSS的部分講了四篇,都還在基本概念和 HTML的元素選擇器上,今天終於要正式講到樣式本身的基礎- box 盒模...

鐵人賽 IT技術 DAY 6
新手前端日記 系列 第 6

技術 [新手前端]從平面設計前進 CSS-4 權重及覆蓋

介紹CSS 基本概念,權重及覆蓋、繼承 承上篇,繼續針對選擇器說明,我們已經知道在CSS指定樣式的型式: E {color:red;} 選擇器 {類型:參數};...

鐵人賽 IT技術 DAY 5
新手前端日記 系列 第 5

技術 [新手前端]從平面設計前進 CSS-3 選擇器詳解

簡介 CSS選擇器 上一篇提到要套用樣式,就需要指定某一個特定的元素E 告訴瀏覽器,我就是要把樣式套在這個 E 上面,就像我們作圖時先找出要做特效的圖層然後套用...

鐵人賽 IT技術 DAY 4
新手前端日記 系列 第 4

技術 [新手前端]從平面設計前進 CSS-2 選擇器之.class #ID

簡介平面設計所需要知道的CSS知識,設計也許不需要實際上寫出CSS,但是對CSS概念的了解可以幫助設計出更好的網頁版面。 上一篇簡介了如何在HTML內使用CSS...

鐵人賽 IT技術 DAY 3
新手前端日記 系列 第 3

技術 [新手前端]從平面設計前進 CSS-1

由平面設計的角度來看 CSS的基本概念 上一篇簡介了HTML,版面來比喻,HTML就是不同的元素,而CSS就是這些元素的造型。 如果說HTML是一篇有標題、大綱...

鐵人賽 IT技術 DAY 8

技術 App 的檢視狀態 (View States)

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從 http://msdn.micros...

鐵人賽 IT技術 DAY 4

技術 css3 範例與產生器

http://ithelp.ithome.com.tw/ironman5/player/seanamph/tech/1 從http://slides.html5...

達標好文 技術 CSS 引入HTML 三種方法

CSS 引入HTML方法有三種 個人比較推薦 連結式方法 當作一個檔案眾多的網站 用嵌入式是一個相當費工夫的做法 不推薦匯入式方法 缺點是先讀取網頁再讀取css...

技術 jQuery與動態圖形按鈕

CSS的部份 img.ButtonImage { border: 0; cursor: pointer; padding: 0; margin: 0; } Ja...

技術 Firefox的table為什麼比其他的瀏覽器小?FF的table box model 修正

為什麼比較小?和塑化劑無關啦~ 在CSS中有所謂的box model,舉例來說,一個div的屬性,由外而內,會有margin、border、padding以及所...

技術 分享大小事-(系列文)4.企業佈署與應用技術MDOP與防毒防駭的FEP(含消費端免費MSE)

在這一篇、免費的好康當然放在前面跟您分享咯! 網路既然比馬路危險、當然安全防護不可少,台灣微軟Kevin在會中推薦大家可以安心的使用Microsoft Secu...

技術 分享大小事-(系列文)3.Windows7 與行動裝置/ Windows7平板電腦發表藍圖

Windows 7 家族的新夥伴已經漸次露出來了~! 您關心Windows 7 平板電腦的發展進度與藍圖嗎? 記得第一篇在聽完了台灣微軟副總經理 葉怡君(Cat...

技術 行雲流水IT人-13

我們在自來水博物管旁邊的餐廳坐了下來,我打開了弟弟幫我買的小筆電, 才剛輸入完帳密,就聽到好大的笑聲。 「哈哈哈,同學! 哈哈哈,這就是你的桌面哦? 跟你太不...

技術 分享大小事-(系列文)2.IE9繁體中文正式版 發表上市與介紹

前一篇分享過Windows 7 SP1的新功能與介紹之後,這一篇就來看剛剛火熱上市的IE9咯!IE9新功能是啥? 這一個Session一開始、Jeff就「明確的...

達標好文 技術 網頁前端設計師的等級表

來看看自己的等級在哪,這裡僅針對HTML、CSS、Javascript2的等級區分來撰寫。同時也是自己成長的過程,提供大家參考。有問題可以再留言交流:) 原文連...

鐵人賽 DAY 17
打開30本IT書 系列 第 17

技術 IT30書之17-《CSS大全》

《CSS大全》(第三版) 作者:Eric A. Meyer 譯者:莊惠淳 出版社:歐萊禮 上一本書介紹了撰寫css時,遇到困難的救火隊,雖然好用,但是真正要避開...

鐵人賽 DAY 16
打開30本IT書 系列 第 16

技術 IT30書之16-《CSS問題解決速查手冊》

《CSS問題解決速查手冊》 作者:Christopher Schmitt 譯者:藍雲紋 出版社:O'REILLY css難嗎?其實說難不難,只要搞懂幾個基本運...