CSS樣式表與格式布局詳解

2022-09-21 03:48:13 字數 989 閱讀 1180

樣式表

css(cascading style sheets  層疊樣式表),作用是美化html網頁。

內聯樣dobbs式表: 例:

內聯樣式表

內嵌樣式表:必須寫在head標籤裡 &n

例:hei

外部樣式表:新建乙個css檔案用來放置樣式表 在html中 右鍵--css樣式--附加樣式表

例:復合選擇器:(1)p,span  用,隔開 表示兩個標籤並列 具有同樣的樣式

(2)mian  p   用空格隔開 表示後代

(3)mian.p   用「.」隔開 表示mian標籤中的p標籤

樣式屬性中  例如:margin:20px 0px 20px 0px   表示邊框的寬度分別為上20畫素  右0畫素  下20畫素  左0畫素  順序為順時針 上-右-下-左

格式布局

鎖定位置(相對瀏覽器的位置  即不管瀏覽器怎麼滾動 視窗相對瀏覽器位置不變)  position:fixed;

絕對位置與相對位置

(1)如果外層沒有absolute(或者relative) 那麼div 相對瀏覽器定位 

(2)如果外層有absolute(re程式設計客棧lative) 那麼div相對於外層邊框定位 position:absolut;(絕對位置)    position:relative;(相對位置)

分層:如果想要頁面上某一標籤總是最上顯示 則需要設定z的值  如:z-index:2;&nbs程式設計客棧p; //z的值為2 則在上層顯示  不更改預設為1 都在同一層

常見超連結style    定義是的順序為  l --v--h--a

a:link        超連結被點選之前狀態

a:visited   超連結點選後狀態

a:hover    滑鼠懸停在超連結時

a:active    點選超連結時

原文位址:

本文標題: css樣式表與格式布局詳解

本文位址: /web/xindejiqiao/88564.html

樣式表CSS布局經驗

隨著時間的積累這裡的內容會有增加或者修改,希望下面的東西對後來的標準學習者會有些幫助,或者毫無用處.主要的內容是在ie和mozilla之間的差異和容易忽視的細節,一些經典應用的最佳實現方法,應該避免違犯的錯誤.由於是自己平時經驗的積累,難免會出現一些錯誤的解釋,如有幸被高人看到,請務必指出,先謝過了...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...