css基礎
1.基本文法規範
分析一個典型css的語句:
p {color:#ff0000;background:#ffffff}
·其中"p" ),指明我們要給"p"定義樣式;·樣式聲明寫在一對大括號"{}"
··毛
稱為"屬性"(property),不同屬性之間用分號";" "是屬性的值(value)。
2.顏色值顏色值可以用RGB值寫,例如:
color:#FF0000。如果十六進位值是成對重複的可以簡寫,效果一樣。例如:#FF0000
可以寫成#F00。但如果不重複就不可以簡寫,例如#FC1A1B必須寫滿六位。
3.定义字体
web标准推荐如下字体定义方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }
字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体,文档将被指定为Lucida Grande。没有的话,就被指定为Verdana字体,如果也没有Verdana,就指定为Lucida字体,依此类推,;
·Lucida Grande字体适合Mac OS X;
·Verdana字体适合所有的Windows系统;
·Lucida适合UNIX用户
·"宋体"适合中文简体用户;
如果所列出的字体都不能用,则默认的sans-serif字体能保证调用;
4.群选择器
当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔,:
p, td, li { font-size : 12px ; }
5.派生选择器
可以使用派生选择器给一个元素里的子元素定义样式,例如这样:
li strong { font-style : italic; font-weight : normal;}
就是给li下面的子元素strong定义一个斜体不加粗的样式。
6.id选择器
用CSS布局主要用层“div”来实现,而div的样式通过“id选择器”来定义。例如我们首先定义一个层
然後在樣式表裡這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中「名稱。注意前面加上「#」號。 id選擇器也同樣支援派生,例如:#menubar p { text-align : right; margin-top : 10px; } 這個方法主要用來定義層元素。
7.類別選擇器
在CSS裡用一個點開頭表示類別選擇器定義,例如:
.14px: {color p-60 );在頁面中,用class="類別名稱"
的方法呼叫:
14px大小的字體 可以隨時根據頁面需要新建和刪除。
7.定義連結的樣式
CSS中用四個偽類來定義連結的樣式,分別是:a:link
a:visited
、a:visited且a : active,例如:a:link{font-weight : bold ;text-decoration : none ;color : >c001; none ;color : #c30 ;}a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;} ); #F90 ;} 以上語句分別定義了"連結、已造訪的連結、滑鼠停在上方時、點下滑鼠時
"
的樣式。
注意:
必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是「LVHA」。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

本文討論了< iframe>將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。
