[點晴永久免費OA]什么是css/style，以css的各種樣式的比較
當前位置：點晴教程→點晴OA辦公管理信息系統
→『 經驗分享&問題答疑 』
1、css是什么，有什么用？ css指的是層疊樣式表，Cascading Style Sheets。解決了內容與外觀表現相分離的問題。 2、一開始我們在html中設置字體是用font標簽來設置字體的顏色大小類型，而現在我們用css來設置，每一個標簽都有自己的屬性，于是我們用p標簽，或者其他標簽的屬性style來設置字體的顏色大小類型，例子如下所示： <p style="color:red; font-size:24px; font-family:微軟雅黑;">你好</p> 3、style樣式寫在哪里？各個寫法有何優缺點？ 根據寫在哪里，把style分為三類： 行內樣式： 在網頁頁面內直接找到相應的元素或控件，在元素或控件中增加style樣式。 例：<p style="color:red; font-size:24px; font-family:''微軟雅黑'';">你好</p> 好處：是能直接改，優先級也是最高，對于單個不重復頁面處理容易，易于理解。 缺點： 當頁面重復使用一種類型的style時，容易造成冗余，后期代碼量大，不易于維護。 內部樣式： 放在網頁頁面內部的<head></head>之間，實現了內容與表現相分離，例： <style type="text/css"> p{ color:red; font-size:24px; font-family:微軟雅黑; } </style> 好處：實現了內容與表現相分離，解決了內部樣式出現的冗余的問題； 缺點：當頁面較多，且用到同一種樣式的時候，會造成冗余。 外部樣式： 用單獨的css文件表示，然后再在網頁頁面內部引用，即首先新建一個css文件，用來放樣式，然后在html頁面或者是要展示的文件下引用樣式： <link rel="stylesheet" href="css文件的地址"> 例：文件demo.css下有 p{ color:red; font-size:24px; font-family:微軟雅黑;} 在文件index.html的body上下都可以，引用 <link rel="stylesheet" href="demo.css"> 即可。 好處：實現css的單個化，便于所有需要用到此樣式的網頁頁面調用； 缺點：幾乎沒有，除了引用復雜，每一種類型的樣式都有他們獨特的好處。 4、如果都作用在同一個樣式下的三種樣式，css的優先級為：行內樣式>內部樣式>外部樣式
相關教程： 該文章在 2020/3/18 18:35:32 編輯過 |
關鍵字查詢
相關文章
正在查詢... 
|
400 186 1886
28347]