客戶端網頁程式設計03 CSS

2021-07-25 02:38:24 字數 1096 閱讀 9714

客戶端網頁程式設計03——css

css偽類:active、focus、hover、link、visited、first-chaild、lang

模組1.行級元素和快級元素

塊級元素:獨佔一行,塊級元素的後面無法再放任何內容

從頁面布局和外觀顯示來看,乙個網頁的布局就類似於一篇報紙的排版,首先將網頁分成大的模組。然後                     在模組裡面再分成小的模組,所以塊級元素多用來布局

行級元素:只佔一小塊空間,後面可以繼續放內容

行級元素也稱為行內標籤,內聯標籤,使用塊級元素將網頁搭建好了後,使用行級元素來排版。

行級元素和塊級元素的區別:

塊級元素速獨佔一行,比較霸道,行級元素共享一行

塊級元素支援寬和高,行級元素不支援,行級元素的內容由內容決定

塊級元素常作為容器,可以容納其它的行級元素和塊級元素。行級元素一般用組織內容,即容納文字、圖                     片、超連結

塊級元素:div 、p、 h、 hr、 table、 ul、 ol、 form

行級元素:a、span、 lable、 input、 textarea、 br、 img

display: block:表示將元素轉換為塊級元素

inline:表示將元素轉換為行級元素

inline-block:行內塊級元素,按行級標籤排列具有塊級元素的屬性,

img是乙個行內塊級元素

none:隱藏,可做下一級選單

table 布局:  

div布局:

css邊框模型:

元素:eplement

寬、高:width,height

內邊距:padding

,相當於塞海綿,元素永遠不可能達到,改變內邊距會影響盒子的大小

邊框:border

外邊距:margin

注意計算盒子的大小:

盒子寬w=eplement的w+padding*2+border*2+margin*2

盒子高h=eplement的h+padding*2+border*2+margin*2

如果父類沒有邊框,設定

margin-top會將外邊距傳遞到父類(外邊距的傳遞)

客戶端網頁程式設計 CSS

什麼是css?css指層疊樣式表 css規則由兩個主要的部分構成 選擇器,以及一條或多條宣告 選擇器通常是你需要改變樣式的html元素。css引用樣式表的三種方式 內聯樣式表,內部樣式表,外部樣式表。外部引用的優點?把結構和表現分離,便於修改。1.如果三種樣式表同時作用於乙個元素,優先順序誰高誰低?...

客戶端網頁程式設計 XHTML基礎

2 xhtml基礎 語法規則 文件正文部分 換行的是塊級標記,不換行的是字符集標記。最小加粗 引用文字 引用部分列表 有序列表 ol ordered list 無序列表 ul unordered list 定義列表 dl defined list 預編排文字 區分塊文字 target設定視窗開啟方式...

網頁呼叫 iOS Android 客戶端

如此便可以從網頁開啟客戶端了。這只是最簡單的 scheme 部分,除此之外,應該還有更多的引數,一般要約定好,讓網頁開發者和客戶端開發者兩者之間可以相互呼叫。具體邏輯如下 後記,還是相容性問題 另外,我這裡只是著重討論的網頁的部分。呼叫客戶端還是比較簡單的,如果需要呼叫客戶端裡面的某個乙個模組呢?客...