CSS基礎語法 一 CSS的3種引入

2022-08-25 18:27:25 字數 1308 閱讀 1163

css可算是網頁設計的乙個突破,它解決了網頁介面排版的難題。可以這麼說,html的tag主要是定義網頁的內容(content),而css決定這些網頁內容如何顯示(layout)。

web早期,html是一種很有限的語言,這種語言不關心外觀,它只是一種簡潔的小型標記機制。

隨著mosaic網頁瀏覽器的出現,**開始到處湧現。對於頁面改變外觀的需求增加,於是增加了類似和之類的標記元素。

幾年之後,大多數**標記幾乎完全由**和font元素組成,且對於所要表現的內容不能傳達任何實際含義,使文件可用性降低,且不易於維護。

2023年,w3c正式推出css1。

2023年,推出css2。

2023年從css3開始,css這門語言分割成多個獨立的模組,每個模組獨立分級,且只包含一小部分功能。

2023年開始設計css4

一、css樣式表的引入

1.內嵌樣式表

內嵌樣式表是寫在tag(標籤)裡面的。內嵌樣式只對所在的tag有效 。(如果有多種樣式,內嵌式會覆蓋其它的樣式,並生效自己的)

示例:

這個style定義

裡面的文字 是20pt字型,字型顏色是紅色。

2.內部樣式表

內部樣式表是寫在html的裡面的。內部樣式表只對所在的網頁有效。

內部樣式表要用到style這個tag,寫法如下 :

3.外部樣式表

如果很多網頁需要用到同樣的樣式(styles),要用外部樣式表。外部樣式表需要將樣式寫在乙個css檔案中,然後在頁面中用標籤引入,在需要應用該樣式的每個頁面中引入該檔案。

示例:

1、標籤位置一般寫在標籤之內。

2、css樣式檔名稱以有意義的英文本母命名,如 main.css。

3、href=""是引入css的路徑

4、rel="stylesheet" type="text/css" 是固定寫法不可修改。

記住他們的優先順序:內聯式 > 嵌入式 > 外部式

在css中也有注釋語句:用/*注釋語句*/來標明  (html中使用)

CSS語法基礎CSS語法基礎1 基本語法

css語法基礎css語法基礎1.基本語法 css的定義是由三個部分構成 選擇符 selector 屬性 properties 和屬性的取值 value 基本格式如下 selector 選擇符 選擇符是可以是多種形式,一般是你要定義樣式的html標記,例如body p table 你可以通過此方法定義...

CSS基礎語法

css 語法由三部分構成 選擇器 屬性和值 selector選擇器 selector 通常是你希望定義的 html 元素或標籤,屬性 property 是你希望改變的屬性,並且每個屬性都有乙個值。屬性和值被冒號分開,並由花括號包圍,這樣就組成了乙個完整的樣式宣告 declaration body上面...

CSS 基礎語法

css 規則由兩個主要的部分構成 選擇器,以及一條或多條宣告。selector選擇器通常是您需要改變樣式的 html 元素。每條宣告由乙個屬性和乙個值組成。屬性 property 是您希望設定的樣式屬性 style attribute 每個屬性有乙個值。屬性和值被冒號分開。selector下面這行 ...