樣式表
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...