例1 css的標籤選擇器
例2 載入css檔案建立乙個css檔案，把style內容寫進去
在html檔案裡面匯入這個css檔案，效果和直接寫是一樣的
例3 float的使用
如果不用float，那麼因為是塊級標籤，他會自動變成兩行,使用float之後，漂浮起來變成一行，具體的理解是，css是分層級的，乙個是標準層，乙個是浮動層；他float之後就漂浮到標準標籤的外面的一層了（浮動層），那麼這個float的標籤後面的標籤，如果沒有float的話，會自動往上跑（標準層），這樣的結果有可能導致浮動的標籤遮擋了後面沒有浮動的標籤。同時這個float的標籤如果他的上面是乙個標準的標籤，他會自動緊貼上面；如果他的上面是乙個浮動的，他會跟著浮動到同一行，如果塞不下才會跑到下面一行。
例4. 載入背景
列5 邊距
列6 clear的使用
clear可以禁止float, 預設乙個float的標籤後面跟著的標籤會跟著float起來，可以指定clear來控制是否漂浮
這裡有乙個很不錯的文章解釋了float和clear的使用
前面已經說了
假如某個div元素a是浮動的，如果a元素上乙個元素也是浮動的，那麼a元素會跟隨在上乙個元素的後邊(如果一行放不下這兩個元素，那麼a元素會被擠到下一行)；如果a元素上乙個元素是標準流中的元素，那麼a的相對垂直位置不會改變，也就是說a的頂部總是和上乙個元素的底部對齊。如果使用了clear，那麼在float那一層裡面 他會把橫向排列的div再變成縱向的，但是不影響標準層的排列
例如；紅色
例7 position的使用 首先看fixed的使用，固定標籤在螢幕的某個位置，即使拖動滾輪 他也在那裡不會動。fixed以後，效果和float類似，他就漂浮起來了（想象立體空間），這樣導致他後面的div會自動往上跑，造成一部分遮擋。可以通過調整margin來正常顯示
返回頂部
例8 position的使用場景2，外面使用relative，裡面用absolute，這樣的可以保證 111始終在父div的固定位置, 這個absolute的位置可以為正數，也可以為負數（跑出去邊框）
111
例9載入,和背景圖使用類似，也需要指定高度和寬度
例10 乙個模擬對話方塊的介面
例11. 選單高亮效果布局一般分為三大塊：header,body和foot根據需求可以left float或者right floatcursor是滑鼠放上去的效果
.w裡面 margin：0 auto可以保證在拖曳瀏覽器大小的時候，整個頁面始終居中顯示
CSS基礎及應用例項
一 css簡介 1.什麼是css 重疊樣式表 主要是負責標籤的樣式 美化頁面 乙個網頁分三大部分 結構層 主要由html負責 負責頁面的結構 表現層 主要由css負責 頁面的展示樣式 美化頁面 行為層 主要由js負責 負責頁面和使用者的互動效果 css是單獨的一種檔案型別 後 css的三種引入方式字...
CSS列表，定位和例項
每乙個成功者都有乙個開始。勇於開始，才能找到成功的路！今天讓我們繼續努力吧！加油！列表css 列表屬性允許你放置 改變列表項標誌，或者將影象作為列表項標誌。css 列表 從某種意義上講，不是描述性的文字的任何內容都可以認為是列表。人口普查 太陽系 家譜 參觀選單，甚至你的所有朋友都可以表示為乙個列表...
CSS例項篇 鏈結和列表
這是乙個鏈結 a link a visited a hover a active 2 在鏈結上使用文字裝飾 使用text decoration屬性，其取值有underline,line through,overline 對於鏈結而言，其預設值是underline 1 列表中所有不同的列表項標記 使用...