CSS基本用法有哪些呢?

 SEO基礎知識     |      2020年07月16日

CSS樣式代碼必須要保存在相應的位置上,如果沒有保存在相應的位置上,也就是無效的,瀏覽器會認為是普通的字符串,也就不會對其進行解析了。

CSS基本用法有哪些呢?

那么,CSS基本用法有哪些呢?


1、存放在標簽的style屬性中


通過style屬性直接把樣式碼存放在標簽內的做法也叫做行內樣式,因為它和傳統頁面布局中在標簽增加屬性的設計方法沒有什么不同之處,這種方法實際上還沒有真正把HTML結構和CSS表現分開進行設計,所以最好不要使用,除非為頁面中個別元素設置某個特定樣式效果而單獨進行定義。


2、存放在style標簽內


在設置style標簽的時候,應該指定type屬性,可以告訴瀏覽器這個標簽所包含的代碼是CSS源代碼,當瀏覽器解析style標簽所包含代碼的時候,就會自動的調用CSS引擎進行解析。


這種CSS應用的方式也叫做頁面內部樣式,如果僅為一個頁面定義CSS樣式的時候,使用這種方法比較高效,且管理方便。但是在一個網站中,或多個頁面之間引用時,使用這種方法會產生代碼冗余,不建議使用,而且一頁頁管理樣式也是不經濟的。


內部樣式一般放在網頁的頭部區域,目的是讓CSS源代碼早于頁面源代碼下載并被解析,這樣避免當網頁信息下載之后,由于沒有CSS樣式渲染而使頁面信息無法正常顯示。


3、存放在.CSS類型文件中


把樣式代碼存放在單獨的.CSS類型的文件中,并且使用link標簽進行導入,當瀏覽器遇到這些代碼的時候,會自動根據它們提供的URL把外部樣式表文件導入到頁面中并進行解析。


這種應用樣式的方式也叫做外部樣式,一般網站都采用外部樣式來設計網站的表現層問題,以便統籌設計CSS樣式,并能夠快速開發和高效管理。


以上就是CSS基本用法,希望對大家有所幫助。


原創·大金SEO http://www.nxndz.com/p/559.html