首頁> 網頁設計教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 網頁特效 WEB標準化
網頁設計教程
  • CSS精靈圖(sprite)

    CSS精靈圖(sprite)

    CSS精靈圖(sprite)一、什麼是精靈圖？當使用者造訪一個網站時，瀏覽器會向伺服器發送一系列請求，例如網頁上的每張圖像都需要經過一次請求才能最終展示給使用者。然而，一個網頁中往往包含大量的圖像資源（例如在頁面中展示的圖片、網頁…
    2024-11-21
  • CSS overflow屬性用法簡介

    CSS overflow屬性用法簡介

    CSS overflow屬性用法簡介大家知道CSSoverflow屬性用法嗎?下面我們就來跟大家詳細介紹吧！我們累積了一些經驗，在此拿出來與大家分享下，請大家互相指正。 CSSoverflow的屬性值：1.visible:預設值，內容不…
    2024-11-21
  • CSS捲軸樣式（overflow）

    CSS捲軸樣式（overflow）

    CSS滾動條樣式（overflow）網頁的設定為了直觀，很多時候並不是正好滿足一頁，例如一些新聞網站，為了使用數據的分頁加載，如果想看更多的文字，需要不停的往下滑動，在瀏覽器的右邊會一直存在著一個捲軸，這就是本篇講解的元素，在網頁中當…
    2024-11-21
  • CSS計數器（counter）

    CSS計數器（counter）

    CSS計數器（counter）CSS裡面的偽元素其實是非常好用的，但是常常容易被大家忽略，偽元素裡面常用到的content屬性，可能現在很多人僅僅以為content屬性的值只支援字串，除了字符串外常用到的還有uri、counte…
    2024-11-21
  • CSS元素可見性（visibility）

    CSS元素可見性（visibility）

    CSS元素可見性（visibility）CSS中的visibility屬性用來設定元素是否可見，您可以將該屬性與JavaScript一起使用，來建立非常複雜的選單或網頁佈局，例如在網頁中做一些測試問題時您可以使用visibility屬性將題目…
    2024-11-21
  • CSS元素顯示類型（display）

    CSS元素顯示類型（display）

    CSS元素顯示類型（display）display屬性是CSS中最重要的屬性之一，主要用來控制元素的佈局，透過display屬性您可以設定元素是否顯示以及如何顯示。一、display屬性的作用1.display屬性可以設定元素的內部與外部…
    2024-11-21
  • CSS定位的五種方式（position）

    CSS定位的五種方式（position）

    CSS定位的五種方式（position）CSS中的position屬性用來設定元素在頁面中的位置，透過該屬性您可以把任何屬性放置在任何您認為合適的位置。 position屬性規定元素的定位類型。這個屬性定義建立元素佈局所用的定位機制。任何元素…
    2024-11-21
  • 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
上一頁 676869707172737475下一頁