當前位置:編程學習大全網 - 人物素材 - html網頁中加入CSS

html網頁中加入CSS

case1:

直接快捷鍵ctrl+F5,清除瀏覽器網頁緩存cache。

case2:

最近又發現另外壹種錯誤會導致刷新不成功問題,就是個人在css中定義的類,最開始的點輸入不正確,不是點與句號的區別,而是全角點與半角點的區別。

...........................//全角點

...............................................//半角點

case3:

css文件中,在class裏定義子類,需要註意點號,否則會刷新不成功,在類與子類間要添加壹個空格space,如下

.hello{

width: 10px;

height:20px;

}

.hello .world {

width: 10px;

height:20px;

}

case4:

當妳設計的html為註冊登陸後的頁面,就要註意啦,css文件修改,網頁不刷新還有壹個原因是從註冊頁的表單中拿到的數據沒有更新,可以嘗試刷新頁面、重啟瀏覽器以及重新從註冊頁面進入解決。

擴展資料:

在HTML中引入CSS的方法主要有四種,它們分別是行內式、內嵌式、鏈接式和導入式。

1.行內式

行內式是在標記的style屬性中設定CSS樣式。這種方式沒有體現出CSS的優勢,不推薦使用。

<div style = "width:100px;height:100px;>我是行內樣式</div>1

2.嵌入式

嵌入式是將CSS樣式集中寫在網頁的標簽對的標簽對中。格式如下:

<head>

<style type="text/css"> ? ...此處寫CSS樣式

</style>

</head>123456789

缺點是對於壹個包含很多網頁的網站,在每個網頁中使用嵌入式,進行修改樣式時非常麻煩。單壹網頁可以考慮使用嵌入式。

3.導入式

將壹個獨立的.css文件引入HTML文件中,導入式使用CSS規則引入外部CSS文件,

<style type="text/css">

@import"mystyle.css"; 此處要註意.css文件的路徑 </style>12345

導入式會在整個網頁裝載完後再裝載CSS文件,因此這就導致了壹個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍壹下之後,再出現網頁的樣式。這是導入式固有的壹個缺陷。

4.鏈接式

也是將壹個.css文件引入到HTML文件中,但它與導入式不同的是鏈接式使用HTML規則引入外部CSS文件,它在網頁的標簽對中使用標記來引入外部樣式表文件,使用語法如下:

<link href="mystyle.css" rel="stylesheet" type="text/css"/>1

使用鏈接式時與導入式不同的是它會以網頁文件主體裝載前裝載CSS文件,因此顯示出來的網頁從壹開始就是帶樣式的效果的,它不會象導入式那樣先顯示無樣式的網頁,然後再顯示有樣式的網頁,這是鏈接式的優點。

總結:壹般來說,做網站時把樣式多寫在多個樣式表文件中,因此我們先用鏈接式引入壹個總的CSS文件,然後在這個CSS文件中在使用導入式來引入其他的CSS文件。但如果通過JavaScrip來動態引入CSS文件則只能使用鏈接式。

  • 上一篇:辣妹視頻資料傷心
  • 下一篇:ps怎麽美化眼睛ps怎麽美化眼睛顏色
  • copyright 2024編程學習大全網