css介紹及引入方式

2021-08-28 05:53:55 字數 549 閱讀 6109

當了解html靜態網頁的基本結構後,發現要想實現更好的介面效果,實現更多的功能還得使用另外的工具來對這些現有的功能進行修飾,接下來高階階段,了解css使用。

1.什麼是css?

css是 cascading style sheets 的首字母縮寫,意思是層疊樣式表。有了css,html中大部分表現樣式的標籤就廢棄不用了,html只負責文件的結構和內容,表現形式完全交給css,html文件變得更加簡潔。

2.css的基本語法:

語法格式

選擇器

實際效果,例如:

div

3.css的引入(使用)方式:

1.內聯式:

通過標籤的style屬性,在標籤上直接寫樣式

例:

.

2.嵌入式:

通過乙個style標籤,在網頁上建立嵌入的樣式表

例:

3.外鏈式:通過link標籤,鏈結外部樣式檔案到頁面中

常用的就是外鏈式

CSS引入方式

第一 css的四種引入方式 1.行內樣式 最直接最簡單的一種,直接對html標籤使用style 例如 缺點 html頁面不純淨,檔案體積大,不利於蜘蛛爬行,後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間,並且用進行宣告,例如 優缺點 頁面使用公共css 也是每個頁面都要定義的,如果乙個...

Css引入方式

div 雙標籤 css語法 屬性名 屬性值 css引入方式 1 行間樣式的引入 在標籤中寫乙個style的屬性。如 style 缺點 不利於 重用。優點 優先順序最高。2 內部樣式的引入,在head標籤中寫乙個style的標籤,在標籤中通過選擇器控制樣式。選擇器寫法 1.標籤選擇器。div2.id選...

CSS引入方式

按照css樣式書寫的位置 或者引入方式 css樣式表可以分為三大類 行內樣式表 行內式 內部樣式表 嵌入式 外部樣式表 鏈結式 內部樣式表 內嵌樣式表 是寫到html頁面內部,是將所有的css 抽取出來,單獨放到乙個標籤中.標籤理論上可以放在html文件的任何地方,但一般會放在文件的標籤中,通過此種...