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 行高,行高就是線與線之間的距離,行間距 行高 字型大小。對於單行文字來說,可以將行高設定為和父元素的高度一...