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

    CSS輪廓(outline)

    CSS輪廓(outline)1.概念輪廓(outline)是繪製在元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。舉個例子來說吧：在我們平常閱讀瀏覽器裡的內容時，當滑鼠點擊讓一個a標籤連結或一個input的單選框獲…
    2024-11-21
  • 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偽元素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 @規則（詳細）

    CSS @規則（詳細）

    CSS @規則（詳細）在CSS中包含兩種語法規則：普通規則：由選擇器、屬性和值構成，在之前的學習中我們主要使用的就是這種規則；@規則：以@開頭後面跟隨一個關鍵字的形式構成，也被稱為“AT規則”，根據…
    2024-11-21
上一頁 123456下一頁