css,通常稱之為層疊樣式表。樣式,就是指網頁中的內容(文字、)該以什麼樣子(大小、顏色、背景、插入位置)顯示出來。層疊是指當css定義的樣式發生了衝突,將依據層次的先後順序來處理網頁中的內容
尺度單位:相對型別、絕對型別
px:畫素
em:以目前字元的高度為單位
絕對型別:與解析度無關
常用單位:
尺 度 單 位
說 明
in(英吋)
不是國際標準單位,極少用。
cm(厘公尺)
國際標準單位,較少用。
mm(公釐)
國際標準單位,較少用。
pt(點數)
最基本的顯示單位,較少用。
pc(印刷單位)
應用在印刷行業中,1 pc = 12 pt
示例**
這一段的首行縮排
字元間距和段落行距:字元間距
#sp字元間距和段落行距:段落行距
#e段落的水平位置
#t段落的垂直位置
#hh化學方程式和數學式:
#li#li
文字的字型設定:pp
文字的粗細控制:
p文字的大小控制:
文字的加線效果:
#ss英文本母的大小寫轉換:英文本母的大小寫轉換(p120)
#英文本母的大小寫轉換:小寫字母轉換為大寫
列表中的符號:影象符號;列表符號縮排pp
列表中的符號:各種序列符號
模組邊界的設定:主要用來控制模組與其他元件的空白距離
模組邊框的設定:控制模組的邊框寬度
模組邊框的設定:控制模組的邊框顏色
模組邊框的設定:控制模組的邊框樣式
模組內邊界的設定:
紅色的網頁背景,黃色的文字背景:
多樣的超連結鏈結顏色的設定
去除鏈結的下劃線
a立體滾動條的製作
body
游標a:hover
區域的定義:製作3個相鄰的區域
區域的定位:
#z1區域的定位:區域的定位
position:static:所有元素的預設定位都是position:static,這意味著元素沒有被定位,而且在文件中出現在它應該在的位置。
position:relative:如果設定 position:relative,就可以使用 top,bottom,left 和 right 來相對於元素在文件中應該出現的位置來移動這個元素。【意思是元素實際上依然佔據文件中的原有位置,只是視覺上相對於它在文件中的原有位置移動了】
當指定 position:absolute 時,元素就脫離了文件【即在文件中已經不佔據位置了】,可以準確的按照設定的 top,bottom,left 和 right 來定位了。
css的定義方式:
內部定義
方式一:
方式二:
外部定義
呼叫方式一:
呼叫方式二:
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 元素內部 擁有最...