首頁>網頁設計教程> CSS教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
CSS教程
  • CSS元素堆疊（z-index）

    CSS元素堆疊（z-index）

    CSS元素堆疊（z-index）因為我們直覺的以為HTML網頁是二維平面，因為文字、圖像或其他元素都是按照順序排列，但，實際的網頁是三維立體的，元素之間可能會發生堆疊（重疊），可以透過CSS中的z-index屬性來設定元素的堆疊順序…
    2024-11-21
  • CSS浮動（float）

    CSS浮動（float）

    CSS浮動（float）一、傳統網頁佈局的三種方式網頁佈局的本質：用CSS來擺放盒子，把盒子擺放到對應位置。 CSS提供了三種傳統佈局方式（簡單說就是盒子如何進行排列）。 （1）普通流（標準流）（2）浮動（3）定位這裡指的只是傳…
    2024-11-21
  • CSS偽類選擇器

    CSS偽類選擇器

    CSS偽類選擇器偽類選擇器在CSS中起到的作用可以說是至關重要的，如果CSS沒有偽類選擇器，有很多效果都要藉助js來完成，這樣不僅代碼量增加，維護起來你難度也大。這樣程式設計師的工作量大，也違背了CSS誕生的作用，就是提…
    2024-11-21
  • CSS偽類選擇器和偽元素選擇器的區別

    CSS偽類選擇器和偽元素選擇器的區別

    CSS偽類選擇器和偽元素選擇器的區別偽類和偽元素的區別（1）類，用戶定義的類名，這個類是具體的，看得見的，如div.div0，選擇具有類div0的div元素。 （2）偽類，用於為某些選擇器添加特殊的效果。用偽類定義的樣式並不是作用在標記上…
    2024-11-21
  • CSS透明度（opacity）

    CSS透明度（opacity）

    CSS透明度（opacity）透過rgba()、hsla()可以設定顏色的透明度，但它們只能在定義顏色的同時設定透明度，無法對圖片或其它元素設定透明度。 CSS設定透明度的兩種方法：一、CSSrgba()設定顏色透明度語法：rg…
    2024-11-21
  • CSS圓角屬性（border-radius）

    CSS圓角屬性（border-radius）

    CSS圓角屬性（border-radius）在製作網頁的過程中，有時我們可能需要實現圓角的效果，先前的做法是透過切圖（將設計稿切成方便製作成頁面的圖片），使用多個背景影像來實現圓角。在CSS3出現之後就不需要這麼麻煩了，CSS3中提供了一系列屬…
    2024-11-21
  • CSS邊框圖片（border-image）

    CSS邊框圖片（border-image）

    CSS邊框圖片（border-image）對於元素的邊框我們除了可以使用之前介紹的一些預設樣式外，還可以透過CSS3中的border-image屬性使用圖像來作為元素的邊框，以創建出豐富多彩邊框效果。 border-image屬性可以透過一些簡…
    2024-11-21
  • CSS漸層色（顏色漸層）

    CSS漸層色（顏色漸層）

    CSS漸層色（顏色漸層）CSS中的漸變指的是兩種或多種顏色之間的平滑過渡，以前我們必須使用事先定義好的圖像來實現漸變效果，CSS3為實現漸變效果提供了一種靈活的解決方案。透過CSS3您可以定義三種類型的漸變，分別為線性漸變（…
    2024-11-21
  • CSS陰影效果

    CSS陰影效果

    CSS陰影效果css陰影效果是我們常用的css屬性，但你有仔細了解它嗎？是用的時候直接從藍湖複製過來就行了，那你了解它的每個參數嗎？用陰影又能實現哪些好看的效果呢？在網頁設計中常常要使用到陰影效果，…
    2024-11-21
  • CSS3中2D轉換形式

    CSS3中2D轉換形式

    CSS3中2D轉換形式CSS中的2D轉換允許我們在二維空間中執行一些基本的變換操作，例如移動、旋轉、縮放或扭曲等，變換後的元素與絕對定位的元素類似，不會影響周圍的元素，但可以和周圍的元素重疊，不同的是，轉換後的元素在頁面中…
    2024-11-21
  • CSS入門教學

    CSS入門教學

    CSS入門教學CSS，全名為CascadingStyleSheets，也就是層疊樣式表，是一種用來為結構化文件（如HTML文件或XML應用）添加樣式（字體、間距和顏色等）的電腦語言，也是美化網頁的核心，CSS是一…
    2024-11-20
  • CSS3中3D轉換形式

    CSS3中3D轉換形式

    CSS3中3D轉換形式CSS3D轉換在CSS中，除了可以對頁面中的元素進行2D轉換外，您還可以物件元素進行3D轉換（將頁面看作是一個三維空間來移動、旋轉頁面中的元素外， 、縮放和傾斜等操作）。與2D轉換相同，3D轉換同樣不…
    2024-11-14
  • CSS過渡效果（transition）

    CSS過渡效果（transition）

    CSS過渡效果（transition）通常當CSS的屬性值變更後，瀏覽器會立即更新對應的樣式，例如當滑鼠停留在元素上時，透過:hover選擇器定義的樣式會立即套用在元素上。在CSS3中加入了一項過渡功能，透過該功能您可以將元素從一種樣式在…
    2024-11-14
  • CSS動畫（animation）

    CSS動畫（animation）

    CSS動畫（animation）透過先前的學習我們知道，利用transition屬性可以實現簡單的過渡動畫，但過渡動畫只能指定開始和結束兩個狀態，整個過程都是由特定的函數來控制的，不是很靈活。本節我們再來介紹一種更為複雜的動畫&md…
    2024-11-14
  • CSS3多列佈局（Multi-column）

    CSS3多列佈局（Multi-column）

    CSS3多列佈局（Multi-column）多列佈局（Multi-column）多列佈局就是將文字內容設計成像報紙那樣的多列佈局。或者說在之前我們透過js或JQuery才能實現的瀑布流，在CSS3中我們可以直接透過CSS就可以實現，雖然有相容…
    2024-11-14
上一頁 67891011121314下一頁