- CSS簡介
- CSS基本語法
- CSS定義
- 基本格式
- CSS分類
- 按選擇器分類
- 類選擇器（class）
- ID選擇器
- 標記選擇器
- 關(guān)聯(lián)選擇器
- 組合選擇器
- 偽類選擇器
- 按位置分類
- 內(nèi)嵌樣式
- 行內(nèi)樣式
- 外部樣式
- 鏈接外部樣式
- 導(dǎo)入外部樣式
- 鏈接樣式和導(dǎo)入樣式的==區(qū)別==
- 多個樣式的應(yīng)用
- 樣式的優(yōu)先級
- 強制優(yōu)先級
- 樣式的繼承
- 權(quán)重疊加
- 例子：多個類樣式的應(yīng)用
- 注釋
- HTML注釋
- CSS注釋
- HTML5 介紹
- 概念
- HTML5發(fā)展時間表
- 目前支持HTML5的瀏覽器
- HTML5的特點
- HTML5的變化
- HTML5聲明變化
- 標準的改變：語法松散
- 新增的結(jié)構(gòu)標記
- 新增的三個屬性
- 新增的表單元素
- 新增的input元素
- select標簽
- datalist數(shù)據(jù)列表
- 插入音頻、視頻播放
- 音頻播放
- 視頻播放
- HTML5樣式新增
- 將網(wǎng)站分成兩個部分：表現(xiàn)和內(nèi)容，表現(xiàn)由CSS來控制，內(nèi)容由PHP從數(shù)據(jù)庫中讀取 。
CSS定義是由三個部分構(gòu)成：
- 選擇器
- 屬性
- 屬性的取值（value）
標記：<style type=”text/css”></style>
- 樣式一般寫在<head>標記之間
選擇器{屬性:值;}
- 一個選擇器中可以有多個屬性，每個屬性都有對應(yīng)的值，屬性和值之間用:隔開，屬性和屬性之間用分號隔開 。
類選擇器（class）
語法規(guī)則：
- 必須以.開頭
- 通過class屬性來調(diào)用
- 類樣式可以被多次調(diào)用
語法規(guī)則：
- 必須以#開頭
- 通過元素的id屬性來調(diào)用
- ID樣式只能被調(diào)用一次
直接選擇HTML標記 。
- 后面跟多個字體，默認使用第一個字體，例如font-family:”黑體”,”隸書”,”微軟雅黑”;默認使用黑體；
- 如果第一個沒有，就是用第二個…以此類推；
- 如果樣式中的字體客戶端一個都沒有，就用客戶端的默認字體，中文操作系統(tǒng)默認是宋體 。
用空格表示其后代；
用>表示其子級；
例子：
- 表示p下面的所有b，b只要是p的后代即可；
- 表示p>b中b必須是p的子級；
- 注意有無空格的區(qū)別；
- 無空格：同時具備該條件
作用：多個樣式使用相同的屬性
使用：用,分隔
偽類選擇器
偽類：類可以被多個元素訪問，有一個狀態(tài)，超鏈接a有4個狀態(tài) 。
:link：表示正常鏈接時候的狀態(tài) 。
:visited：表示已經(jīng)點擊過的狀態(tài) 。
:hover：表示當鼠標移上去時的狀態(tài) 。
:active：表示當鼠標點下去時的狀態(tài) 。
使用：偽類有四個狀態(tài)，可以省略其中的某個狀態(tài)；如果省略，就使用默認樣式；如果要寫這些狀態(tài)，就必須按照l(link)v(visited)h(hover)a(active)的順序 。
- 如果在一個頁面上，一部分超鏈接是一種樣式，禮儀部分超鏈接是另一種樣式，可以使用偽類和類的組合（給超鏈接a設(shè)置class選擇器） 。
推薦閱讀
- css元素垂直居中的方法 css左對齊怎么設(shè)置
- js修改class屬性 bootstrap單選框樣式
- 參考文獻格式怎么寫 參考文獻的字體用什么字號？
- 博德之門3字體修改方法介紹 博德之門3字體怎么修改
- 魔獸爭霸3重制版字體重疊怎么辦 字體亂碼解決方法分享_網(wǎng)
- 電腦的字體大小怎么改 怎樣調(diào)電腦字體大小?
- 破壞領(lǐng)主字體怎么替換 破壞領(lǐng)主字體替換方法介紹_網(wǎng)
- 傳國玉璽上刻的字是什么 傳國玉璽上刻的字是什么字體
- SD高達G世紀火線縱橫A卡字體無法顯示解決方法_網(wǎng)
- 《我的世界》修改物品成彩色字體方法攻略
-
