[點晴永久免費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 編輯過 |
關鍵字查詢
相關文章
正在查詢... |