一門關於css的課程, 感覺不錯, 隨手記了點兒筆記, 供以後查閱.
position:
relative: 相對於自己原來的位置(正常文件流中的位置), 特點:原來的位置不會消失, 可以和float, center等屬性一起使用.
absolute: 相對於距離自己最近的有position屬性的祖宗節點(如果不存在這樣的祖宗, 則相對於靜態可視區域[會被淹沒]--你能看見的瀏覽器顯示內容的那部分)
fixed: 相對於可視區域(動態可視區域---永久性可視區域, 滾動條變化之後不會被淹沒), 原來的位置徹底消失, 不能和float屬性一起用.
left right bottom top z-index : 必須和position一起使用才起作用. 都是可正可負可百分數. 不光相對於誰, 都是以向盒子內為正, 以向盒子外為負, 比如 left:20px 和 right:-20px是一樣的.因為right是向盒子外的方向走了20px.
left top 優先於 right和bottom.
css 優先順序:
!important 10000
style 行內 1000
# id選擇器 100
類 和 偽類 10
標籤 屬性選擇 1
繼承 0.1 -- width,padding,border 盒子模型的東西不能繼承, margin不在盒子模型中(盒子外邊的), left, top 不能繼承. 背景色可以繼承.
預設值 0
***************
同等優先順序看先後順序! 後寫的優先!(覆蓋了吧)
盒子模型有平面模型和3d模型, 下面是3d模型
********************
最下面是background-coler層
往上一層是: background-img (和background-color等大)
再往上一層是: border在 background-color 層的邊緣
再往上一層是: padding
然後是: width height
最上面是: content
相容性問題(主要是ie6)列表:
********************====
1. 浮動加倍
2. 盒子模型-- 怪異模式 (沒有文件型別的宣告)
3. 定位fixed
4. png透明
5. 高度不能小於16
6. min-height屬性不支援
7. 透明度
8. 自定義cursor的相容
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器，以及一條或者多條宣告h1 css內部的注釋以 開始，以 結束p id選擇器，通過 來選擇html元素 username class選擇器，通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...
css基礎知識
css基礎 id選擇器 用 定義 結合div class選擇器 用.定義 結合div 背景 background color 背景色 background image 背景影象 background repeat 背景重複 background position 位置 background atta...