二.基本語法
三.常用css樣式
四.基本選擇器
五.盒子模型
六.css浮動
七.應用案例-css實現qq郵箱介面
css指層疊樣式表 (cascading style sheets)定義如何顯示控制 html元素，從而實現美化html網頁。
為了讓網頁元素的樣式更加豐富,也為了讓網頁的內容和樣式能拆分開,css由此思想而誕生,有了css,html中大部分表現樣式的標籤就廢棄不用了,html只負責文件的結構和內容,表現形式完全交給css,html文件變得更加簡潔。
格式：選擇器
（1）引入方法一-內聯式
內聯式:通過標籤的style屬性,在標籤上直接寫樣式。
（2）引入方法二-嵌入式
嵌入式:通過style標籤,在網頁上建立嵌入的樣式表。
（3）引入方法三-外聯式
外聯式:通過link標籤,鏈結到外部樣式表到頁面中。
css顏色值主要有三種表示方法:
1、顏色名表示,比如:red 紅色,gold 金色
2、rgb表示,比如:rgb(255,0,0)表示紅色
3、16進製制數值表示,比如:#ff0000 表示紅色,這種可以簡寫成 #f00
標籤選擇器,此種選擇器影響範圍大,建議盡量應用在層級選擇器中。
id選擇器：通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,所以不推薦使用id作為選擇器。
類選擇器：通過類名來選擇元素,乙個類可應用於多個元素,乙個元素上也可以使用多個類,應用靈活,可復用,是css中應用最多的一種選擇器。
層級選擇器：主要應用在選擇父元素下的子元素,或者子元素下面的子元素,可與標籤元素結合使用,減少命名,同時也可以通過層級,防止命名衝突。
組選擇器：多個選擇器,如果有同樣的樣式設定,可以使用組選擇器。
偽類及偽元素選擇器：常用的偽類選擇器有hover,表示滑鼠懸浮在元素上時的狀態,偽元素選擇器有before和after,它們可以通過樣式在元素中插入內容。
所有html元素可以看作盒子，在css中，"box model"這一術語是用來設計和布局時使用。
css 的 float（浮動），會使元素向左或向右移動，其周圍的元素也會重新排列。
float（浮動），往往是用於影象，但它在布局時一樣非常有用。
2023年9月14日21時07分
中國第一封電子郵件
從北京發往德國
「越過長城，走向世界」
qq登陸
忘了密碼？
註冊新賬號
| 服務條款
| 隱私政策
| 客服中心
| |幫助中心
|
CSS層疊樣式表
一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊，並根據它來格式化文件 ...
CSS（層疊樣式表）
一.css是增加html的樣式,擁有對網頁物件和模型樣式編輯的能力 1 在html中引入css有3種方式 1.外部樣式表 2.內部樣式表 3.內聯樣式表 2 css選擇元素的方式 1.元素選擇器 通過元素名字進行選擇 2.id選擇器 3.class選擇器 4.子元素選擇器 5.相鄰選擇器 如果需要選...
CSS層疊樣式表
html主要控制內容 css主要控制格式。樣式表是用來指定樣式資訊的句法機制。之所以將css稱為層疊樣式表，是因為它可以在3個層次上進行定義。內聯樣式表位於開始標籤中，其設定只對該元素起作用 文件樣式表位於文件的頭部區域，能夠作用於文件的整個主體。文件樣式表的說明是作為乙個 3.通用選擇器 不管什麼...