css學習筆記

2021-06-09 04:42:53 字數 1450 閱讀 3896

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 元素內部 擁有最...