css學習筆記(二)

2021-05-26 17:43:34 字數 1105 閱讀 5017

13,編寫頭部的css

因為要將css檔案定義在html檔案頭部的方法為內部樣式表方法,所以下面舉例說明怎麼應用內部樣式表方法在html檔案的頭部編寫css

(1)開啟記事本,在記事本中輸入如下一段普通的html**,然後將**檔案以副檔名.html的形式儲存

例項**:

在html檔案的頭部應用內部樣式表方法新增css

(2)在上面**中的之間插入如下**

(3)儲存後在瀏覽器中開啟檔案,需要注意的是檔案的副檔名必須儲存為.html格式

14,編寫主體的css

將css檔案定義在html檔案主體的方法為嵌入樣式表方法,下面舉例說明怎麼應用嵌入樣式表方法在html檔案的主體編寫css

例項**:

在html檔案的主體應用嵌入樣式表方法新增css

15,編寫外部的css---應用鏈入外部樣式表方法在html檔案內呼叫外部定義的css檔案

(1)開啟記事本,輸入如下一段css檔案的**。

(2)建立乙個新的html檔案,並連線到上面定義的css檔案上

例項**:

在html檔案應用鏈入外部樣式表方法呼叫外部的css

(3)開啟網頁顯示效果

16,編寫外部的css----應用匯入外部樣式表方法在html檔案內呼叫外部定義的css檔案

(1)建立如下的html檔案

例項**:

在html檔案中應用匯入外部樣式表方法呼叫外部css

(2)再建立單獨的css檔案,**如下

在實際應用過程中,html檔案和css檔案編寫的先後順序是很靈活的,但較多人倡導先編寫好css檔案,然後在html檔案中呼叫它

h1

p

(3)在瀏覽器中天開啟上面建立的html檔案,檢視**的顯示效果

CSS學習筆記二

css布局與傳統 table 布局最大的區別在於 原來的定位都是採用 通過 的間距或者用無色透明的gif來控制文布局版塊的間距 而現在則採用層 div 來定位,通過層的margin,padding,border等屬性來控制版塊的間距。1.定義div 分析乙個典型的定義div例子 sample 說明如...

CSS學習筆記 二

布局 由於電腦螢幕解析度的不同以及瀏覽器大小的不同,造成了在布局的時候整個頁面的大小的不確定,現有三種方法來解決這一問題,分別是 固定式布局 流式布局 彈性布局。固定布局 使用以畫素為單位定義的寬度,這種布局型別稱為固定寬度的布局 好處 寬度固定,可以對介面元素進行細緻的控制,在瀏覽器伸縮的過程中,...

CSS學習筆記(二)

1 單位 px 畫素,乙個畫素就相當於我們螢幕中的乙個小點,螢幕就是由畫素點組成 百分比 em 1em 1font size,當字型大小變化,em也隨之改變 2 行間距 line height 行高,行高就是線與線之間的距離,行間距 行高 字型大小。對於單行文字來說,可以將行高設定為和父元素的高度一...