国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS 簡介

你在開始學習CSS之前,應確保自己擁有以下預備知識: 

  • HTML / XHTML 

要學習HTML和XHTML,可通過PHP中文網(php.cn)主頁找到相關教程


學習CSS就要知道什么是CSS?

  • CSS 指層疊樣式表 (Cascading Style Sheets)

  • 樣式定義如何顯示 HTML 元素

  • 樣式通常存儲在樣式表中

  • 把樣式添加到 HTML 4.0 中,是為了解決內容與表現分離的問題

  • 外部樣式表可以極大提高工作效率

  • 外部樣式表通常存儲在 CSS 文件中

  • 多個樣式定義可層疊為一


樣式解決了一個很大的問題

HTML 標簽原本被設計為用于定義文檔內容,如下實例:


這是一個標題

這是一個段落.


樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。

為了解決這個問題,萬維網聯盟(W3C),這個非營利的標準化聯盟,肩負起了 HTML 標準化的使命,并在 HTML 4.0 之外創(chuàng)造出樣式(Style)。

當代瀏覽器都支持 CSS .


CSS 樣式表極大地提高了工作效率

樣式表定義如何顯示 HTML 元素

樣式表定義如何顯示 HTML 元素,就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔,外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。


CSS實例

一個HTML文檔可以顯示不同的樣式

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文網(php.cn)</title>
    <style>
        h1{color: #00a0e9}
        p{background-color: #8de943
        }
        p.ex {margin-top:2cm;}
        p.bottommargin {margin-bottom:25%;}
    </style>
</head>
<body>
<h1>標題</h1>
<p>一個沒有指定邊距大小的段落。</p>
<p class="ex">一個2厘米上邊距的段落。</p>
</body>
</html>

運行程序試試看



繼續(xù)學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(php.cn)</title> <style> h1 {color:#00ff00;} p{color: #ffd4f0 } .ex {color:rgb(0,0,255);} </style> </head> <body> <h1>這是一個標題</h1> <p>這是一個普通的段落。請注意,本文是紅色的。頁面中定義的默認文本顏色選擇器。</p> <p class="ex">這段文字是藍色的</p> </body> </html>
提交重置代碼
  • 推薦課程
  • 評論
  • 問答
  • 筆記
  • 課件下載

大神,求帶!

表示之前學過一遍,現在來復習一遍,很多東西都忘了,現在繼續(xù)復習CSS,小伙伴們加油!

8年前    添加回復 1

手機用戶921196359

好好好好好好好好好好好好

6年前    添加回復 0

phpcn_u177141

7年前    添加回復 0

phpcn_u177141

7年前    添加回復 0

紫霞

棒棒噠

7年前    添加回復 0

我喜歡晴天

之前看過一些,現在來系統(tǒng)的學習一下啊

8年前    添加回復 0

女神的閨蜜愛上我

我是零基礎入門。。??梢浴?。。

8年前    添加回復 0

Alway.以為

從最基礎的講起,就是找這樣的課程

8年前    添加回復 0

男神

這個樣式很容易明白

8年前    添加回復 0

css樣式內屬性得默認值和默認單位?

[最新 數據分析師 的回答] css樣式內屬性得默認值和默認單位?-PHP中文網問答-css樣式內屬性得默認值和默認單位?-PHP中文網問答圍觀一下哦,學習一下。

時間:8年前

課件暫不提供下載,工作人員正在整理中,后期請多關注該課程~