關於html中CSS的小結

2021-07-07 01:25:12 字數 1350 閱讀 6557

1、html引用css樣式表包括三種方法:

(1) 行間格式化,對單個元素有效;

(2) 內部格式化,在html的head部分對html的元素格式進行定義,然後就可以對整個html文件的屬性進行修改;

(3) 外部呼叫,呼叫外部事先編寫好的css樣式表,最常見的方式,也是最實用的方式,可以針對整個**的html文件進行格式上的修改,維護起來也很方便。

前兩種內部格式化都用style進行定義,第三種外部連線用link定義。

2、不同情況下css的呼叫格式:

總的來說,css的語法為:element ,不同的屬性之間用英文的分號隔離開。

(1) 行間格式化。例如;可以將h1的標題顏色改為藍色。

(2) 內部格式化。在html的head部分進行定義,例如:

這樣,就可以將這個html文件的背景顏色設定為淺灰色,h1級標題字型顏色為藍色,正常段落字型顏色為綠色。

(3)外部呼叫。要用專門的link標籤,例如:

這樣就把外部的樣式表呼叫進來了。

3、css的屬性

(1)fonts,字型類的屬性,包括color(字型顏色)、font-family(字型)、font-size(字型大小),text-decoration(none:取消下劃線)具體用法不再贅述。

(2) box model,框線模式,其實每乙個html元素周圍都會有乙個框線,只不過大部分時間我們是看不見的,通過格式化,我們就能讓其顯現出來。

border(線框):後邊的值為線框的寬度和顏色,格式為border:1px solid black;1個畫素寬,顏色為黑色;

padding(空白填充):用來設定線框與字的距離,例如:padding:10px;字型距脫機框為10個畫素;

margin(邊緣距離):距離旁邊的線框和介面邊緣的距離,這個數值增大會使線框間的距離增大,變得很稀稀拉拉,例如:margin:30px;

(3)id(識別符號):可以對某個元素進行唯一的標識,便於整體格式的管理,例如:

i am different

將這個段落標記為p01;

然後在head的style裡邊這樣定義:

p#p01

然後剛才那個被標記的段落,字型就會被修改為藍色。

(4)class(類識別符號):可以將某些性質相同的元素標識為同一類,然後再head中進行統一格式化,例如可以將所有的段落p表示成paragraph(段落),然後定義paragraph的字型、大小、顏色等等,非常方便。例如:

i am error

將這個段落歸類為error;

然後在head的style裡邊這樣定義:

p.error

這樣,所有被歸類為error的段落字型就會被修改為藍色。

關於html中 居中 問題小結

乙個div在body內居中 適用於登入介面登入小視窗 方法一 給div如下屬性 width 500px height 300px background ccc position absolute left 50 top 50 margin left 250px margin top 150px 乙個...

HTML和CSS的入門小結

在codecademy上敲完了html css的course,可能是入門的關係,沒有感覺很吃力 以下是自己整理的乾貨,只是一些最基本的語法和初學者容易忘記的地方 1.讓瀏覽器知道該文件型別,位於首行 2.3.你的文字 4.這個是自閉合標籤 5.裡面可以設定很多 6.想要加粗的文字7.想要變成斜體的文...

html5 css 學習小結

我最喜歡的一段話是這麼說的,我們今天的生活由昨天的選擇決定的,我們今天的選擇決定我們明天的生活。所以,少年,為了明天的生活,奮鬥吧!這是最近寫靜態頁面遇到的一些問題以及解決方法。1.div 的hover顯示邊框會向右下方移動的問題 現在的網頁上經常會需要把滑鼠移動到上顯示邊框的效果,但是因為標準盒模...