文件流是html可顯示元素在排列時所占用的位置.
css實現對元素定位(positioning)有四種不同的定位方式分別是static,relative,absolute,fixed.
static是position屬性的預設屬性值,元素在正常的流之中,靜態定位元素不收四個方向的屬性影響.
fixed相對於瀏覽器視窗固定,脫離了文件流,即便視窗滾動fixed定位元素位置也不變.
relative相對定位相對於其正常位置定位,但原本所佔空間不變.
absolute絕對定位相對於最近已定位的父元素,如果沒有則相對於html文件.
元素重疊時通過z-index屬性設定元素堆疊順序.
clip屬性用來剪裁元素的外形.
overflow屬性定義了元素大於指定區域的處理方式.屬性值預設為visible,多餘部分內容會顯示在元素框外.還可以是scroll,內容被修剪但是可以通過滾動條檢視全部內容.auto處理方式類似於scroll.hidden內容會被修剪,並且多餘內容不可見.(但是內容實際還存在,可以通過全選複製出全部內容)
通過cursor屬性改變滑鼠樣式,css提供如下滑鼠樣式default預設樣式(通常為乙個箭頭),auto(瀏覽器設定的游標樣式,也是cursor屬性的預設值),crosshair(十字線),pointer(指示鏈結的乙隻手),move(只是物件可以移動),text(文字游標),wait(游標忙),progress(正在載入),help(幫助游標),和八個方向的移動游標e-resize,s-resize,w-resize,n-resize,ne-resize,nw-resize,se-resize,sw-resize.
還可以自定義滑鼠樣式,htmlcursor屬性最後最好設定乙個預設滑鼠樣式,防止前面設定的樣式不成功.
float浮動屬性多用於影象,只能左右浮動,會影響布局,多個浮動元素可以在一行,如果不想讓浮動元素周圍有浮動元素可以用clear屬性設定.
float屬性值可以是left,right,none(預設值,不浮動),inherit
clear屬性可以為left(左側不允許有浮動元素),right(右側不允許有浮動元素),both,none(預設值允許浮動元素出現在兩側),inherit
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS學習 CSS學習筆記
出處 注 本學習筆記只是自己的一些備忘，初學者的東西不具有參考性，請到w3school 進行系統學習。學習css我使用的工具是visual css，可以實現同步預覽，快速學習編輯css。1.css的作用 用來規定網頁中的內容的顯示方式，避免給html增加很多的屬性而將 變得臃腫。2.css的應用方式...
CSS 學習筆記
當同乙個html元素被不止乙個樣式定義時，會使用哪個樣式呢？一般而言，所有的樣式會根據下面的規則層疊於乙個新的虛擬樣式表中，其中數字4 擁有最高的優先權。1.瀏覽器預設設定 2.外部樣式表 3.內部樣式表 位於標籤內部 4.內聯樣式 在html 元素內部 因此，內聯樣式 在html 元素內部 擁有最...