iT邦幫忙

css相關文章
共有 1773 則文章
8 Like 2 留言 21729 瀏覽
鐵人賽 開發技術 DAY 5
30天掌握Sass語法 系列 第 5 篇

技術 30天掌握Sass語法 - (5)利用Sass「@import」進行CSS檔案模組切割

在以往寫CSS時， 動輒數百、數千行， 寫多了就會很難找各CSS片段的位置， 且滾輪都必須滾很久才會找到對應的程式碼， 所以都會在CSS上寫註解， 至少用搜尋或...

廖洧杰 ‧ 2013-09-20
7 Like 0 留言 15831 瀏覽
鐵人賽 開發技術 DAY 4
CSS沒有極限 系列 第 4 篇

達標好文 技術 CSS沒有極限 - Sass 與 Compass(1)

在先前的幾篇，有提過好幾次的Sass以及Compass、Fire.app等工具，在這邊就來釐清這些是什麼樣的工具。 在先前的幾篇，有提過好幾次的Sass以及C...

卡斯伯 ‧ 2013-09-19
11 Like 2 留言 23589 瀏覽
鐵人賽 開發技術 DAY 4
30天掌握Sass語法 系列 第 4 篇

達標好文 技術 30天掌握Sass語法 - (4)利用Sass「內建計算機」，讓你不用再重複計算CSS像素

Sass還有一個很特別的功能，也就是內建擁有加減乘除的語法， 但是，他究竟能支援設計師寫CSS什麼樣的工作呢？ 首先我們先來假設情境： 1.你的網頁寬度是100...

廖洧杰 ‧ 2013-09-19
10 Like 3 留言 8606 瀏覽
鐵人賽 開發技術 DAY 3
CSS沒有極限 系列 第 3 篇

達標好文 技術 CSS沒有極限 - 瀏覽器的戰爭

CSS不斷的進化及改變，在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多，不斷的學習CSS技術，到頭來發現這項技術是沒有極限的，每天都...

卡斯伯 ‧ 2013-09-18
11 Like 5 留言 36493 瀏覽
鐵人賽 開發技術 DAY 3
30天掌握Sass語法 系列 第 3 篇

達標好文 技術 30天掌握Sass語法 - (3)如何透過「變數」提升撰寫CSS效率

這一天要講的是SASS「變數功能」， 首先模擬一些寫純CSS容易會遇到的情境 1.一個網站內有四組文字連結顏色樣式，總CSS程式碼有5000行，有文字連結顏色的...

廖洧杰 ‧ 2013-09-18
9 Like 4 留言 3483 瀏覽
鐵人賽 開發技術 DAY 2
CSS沒有極限 系列 第 2 篇

技術 CSS 的改變

CSS不斷的進化及改變，在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多，不斷的學習CSS技術，到頭來發現這項技術是沒有極限的，每天都...

卡斯伯 ‧ 2013-09-17
17 Like 7 留言 44307 瀏覽
鐵人賽 開發技術 DAY 2
30天掌握Sass語法 系列 第 2 篇

達標好文 技術 30天掌握Sass語法 - (2)SASS該怎麼寫？會和純CSS寫法差很多嗎？

寫過CSS的朋友都知道， CSS並不像是其他程式語言 擁有類似變數、條件等方式來撰寫， 僅只能一行行來進行編輯，所以當今天有很多地方需要去做修正時， 就必須花很...

廖洧杰 ‧ 2013-09-17
5 Like 1 留言 4224 瀏覽
鐵人賽 開發技術 DAY 1
CSS沒有極限 系列 第 1 篇

技術 CSS沒有極限Intro

CSS不斷的進化及改變，在過去所遇到的問題、解決方式現在都有著不同的解決方法。在接觸網頁設計一年多，不斷的學習CSS技術，到頭來發現這項技術是沒有極限的，每天都...

卡斯伯 ‧ 2013-09-16
26 Like 3 留言 71805 瀏覽
鐵人賽 開發技術 DAY 1
30天掌握Sass語法 系列 第 1 篇

達標好文 技術 30天掌握Sass語法 - (1)什麼是SASS？它真的能加速我寫CSS的效率嗎？

SASS是一個可以提升寫網頁CSS效率的程式語言， 但礙於學習曲線門檻過高，導致國內網頁設計師的使用率仍未普及化， 希望藉由個人從CSS轉SASS的經驗分享，...

廖洧杰 ‧ 2013-09-16
2 Like 0 留言 6234 瀏覽

技術 【CSS課程】Responsive網頁排版技術課程

Responsive Web Design(RWD)為2010年Ethan Marcotte所發表的創新網頁技術。 RWD的設計理念為使用HTML與CSS3 M...

廖洧杰 ‧ 2013-03-03
3 Like 1 留言 12761 瀏覽
鐵人賽 IT技術 DAY 28
新手前端日記 系列 第 28 篇

技術 [新手前端]CSS3動畫效果 transition, animation

簡介CSS3 裡的動畫效果，其實... 是W3C的文件精簡翻譯版 另附神人範例說明。 CSS3的動畫效果可以藉由CSS的 keyframe 參數來控制動畫的...

chibc ‧ 2012-11-05
3 Like 3 留言 14837 瀏覽
鐵人賽 IT技術 DAY 28
只是路過 HTML5 系列 第 28 篇

技術 ●筆記關於值的相對單位

現在來介紹一些CSS中的單位 絕對大小：mm, cm, in, pt, pc 相對大小：em, ex 相對於設備(顯示器解析度)：px 常用的是px、em、%...

iamya ‧ 2012-11-05
2 Like 1 留言 20382 瀏覽
鐵人賽 IT技術 DAY 27
只是路過 HTML5 系列 第 27 篇

技術 ●CSS使用方法

基本語法 CSS屬性名:屬性值; CSS 樣式語法主要是在做樣式的設定, 每一個 CSS 屬性即代表一種樣式, 故主要的語法即是在指定 CSS 屬性的值, 不分...

iamya ‧ 2012-11-04
2 Like 1 留言 7164 瀏覽
鐵人賽 IT技術 DAY 26
新手前端日記 系列 第 26 篇

技術 [新手前端]float與clearfix -白話就是，為什麼背景底圖不見了?!

介紹CSS裡的float常出現的問題案例 之前有在這篇介紹過 float的特性，簡單說就是會往上浮起來，會脫離原有的DOM順序。 子元素浮動到上層之後，在某些情...

chibc ‧ 2012-11-03
2 Like 1 留言 3913 瀏覽
鐵人賽 IT技術 DAY 26
只是路過 HTML5 系列 第 26 篇

技術 CSS組成

/*P是HTML語法中的<P>和</P>*/ P{ font-size: 110%; font-family: garamond, sa...

iamya ‧ 2012-11-03
4 Like 2 留言 6141 瀏覽
鐵人賽 IT技術 DAY 25
新手前端日記 系列 第 25 篇

技術 [新手前端]網站案例觀察- swarovski2-taiwan

今天還是網站範例解說，還是同一個站...的中文版。 昨天就提到該站的中文版是獨立製作的，所以和原站在設計風格、技術上都不同，馬上就來比較一下兩者的差異。 今天...

chibc ‧ 2012-11-02
2 Like 1 留言 8384 瀏覽
鐵人賽 IT技術 DAY 25
只是路過 HTML5 系列 第 25 篇

技術 ●CSS說明

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

iamya ‧ 2012-11-02
5 Like 2 留言 12745 瀏覽
鐵人賽 IT技術 DAY 23
新手前端日記 系列 第 23 篇

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

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

chibc ‧ 2012-10-31
3 Like 1 留言 7013 瀏覽
鐵人賽 IT技術 DAY 21
新手前端日記 系列 第 21 篇

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

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

chibc ‧ 2012-10-29
3 Like 1 留言 15211 瀏覽
鐵人賽 IT技術 DAY 19
新手前端日記 系列 第 19 篇

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

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

chibc ‧ 2012-10-27
2 Like 1 留言 5679 瀏覽
鐵人賽 IT技術 DAY 18
新手前端日記 系列 第 18 篇

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

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

chibc ‧ 2012-10-26
3 Like 1 留言 4242 瀏覽
鐵人賽 IT技術 DAY 17
新手前端日記 系列 第 17 篇

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

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

chibc ‧ 2012-10-25
4 Like 1 留言 5888 瀏覽
鐵人賽 IT技術 DAY 15
新手前端日記 系列 第 15 篇

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

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

chibc ‧ 2012-10-23
2 Like 0 留言 6702 瀏覽
鐵人賽 IT技術 DAY 13
新手前端日記 系列 第 13 篇

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

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

chibc ‧ 2012-10-21
4 Like 2 留言 3926 瀏覽
鐵人賽 IT技術 DAY 12
新手前端日記 系列 第 12 篇

技術 純CSS繪製喬巴

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

chibc ‧ 2012-10-20
3 Like 1 留言 4465 瀏覽
鐵人賽 IT技術 DAY 11
新手前端日記 系列 第 11 篇

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

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

chibc ‧ 2012-10-19
4 Like 2 留言 4751 瀏覽
鐵人賽 IT技術 DAY 10
新手前端日記 系列 第 10 篇

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

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

chibc ‧ 2012-10-18
3 Like 1 留言 6560 瀏覽
鐵人賽 IT技術 DAY 9
新手前端日記 系列 第 9 篇

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

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

chibc ‧ 2012-10-17
3 Like 0 留言 4254 瀏覽
鐵人賽 IT技術 DAY 8
新手前端日記 系列 第 8 篇

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

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

chibc ‧ 2012-10-16
4 Like 1 留言 7002 瀏覽
鐵人賽 IT技術 DAY 7
新手前端日記 系列 第 7 篇

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

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

chibc ‧ 2012-10-15
iThome鐵人賽
iThome鐵人賽
參賽組數
744 組
團體組數
37 組
累計文章數
5340 篇
最後報名日
9/15
iT+看影片追技術 看影片追技術 看更多
熱門tag 看更多
15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽 鐵人賽 2019鐵人賽 javascript 2018鐵人賽 17th鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react
熱門問題
熱門回答
熱門文章
IT邦幫忙