CSS概述引入css的三種方式

什麼是css

css: (cascading style sheets) 層疊樣式表，用於修飾、美化網頁的一門語言。

使用css設定樣式，可以將設定樣式的css**和展示資料的html**進行分離，並且可以實現**的服用。增強網頁的展示能力。

總結：css就是用於美化、渲染網頁的一門技術

在html中引入css

這種是通過標籤上的style屬性為當前標籤設定樣式，**示例


style
="border
: 2px solid red;
font-size
: 26px;
background
: pink;
">
這是乙個div...
div>

方式2：通過style標籤引入css

在head標籤內部提供乙個style標籤，在style標籤內部可以選中元素，對元素進行修飾，**示例


type
="text/css"
>
/* ****** css樣式 ****** */
span
style
>

在head標籤下新增乙個link標籤，link標籤可以引入外部的css檔案。**如下：

在html中引入css檔案


rel=
"stylesheet"
href
="demo.css"
/>

demo.css檔案的內容:

@charset
"utf-8";p

這種方式是將所有的css**集中在乙個css檔案中統一進行管理，真正的實現了html**和css**的分離。實現了**的復用。

推薦使用這種方式！

css的引入方式共有三種行內樣式內部樣式表外部樣式表。一行內樣式使用style屬性引入css樣式。示例直接在html標籤中設定的樣式實際在寫頁面時不提倡使用，在測試的時候可以使用。例如我是p標籤二內部樣式表在style標籤中書寫css style標籤寫在head標籤中。示例例...

CSS概述 引入css的三種方式