學習CSS的樣式基礎

2021-07-27 12:23:54 字數 1038 閱讀 3006

今天乙個大神告訴我 學習程式設計要穩紮穩打,不能求快。欲速則不達。

從css樣式**插入的形式來看基本可以分為以下三種:內聯式、 嵌入式、外部式。

----------------------------------------分割線-----------------------------------------

先介紹一下內聯式:

所謂的內聯式就是把css**放在現有的html標籤中(css**要放在style=""的雙引號中,如果有多個**樣式要寫,則用分號分割開來)

例如:

泥萌好

----------------------------------------分割線-----------------------------------------

再介紹一下嵌入式:

嵌入式就是我們平時所用到的,把css樣式**放在之間。

例如:

泥萌好

----------------------------------------分割線-----------------------------------------

最後介紹一下外部式。

外部式css樣式(也可以稱為外聯式)就是把css**寫在乙個單獨的外部檔案中,這個css樣式檔案以".css"作為副檔名,在lalala,lalalala、lalalalalala;lalala,lalalalalala。lalalalala!

style.css中的**為:

span

------------------------------------------------分割線---------------------------------------------

這樣就把css樣式基礎知識裡的三種方式都鞏固了一遍。

內聯式、外部式、嵌入式。都需要牢固掌握。

而且三種方式的優先順序為

內聯式》嵌入式》外部式。 規律就是,離被設定元素的距離越近,優先順序越高。

CSS基礎樣式

css指層疊樣式表,它作用是控制頁面內容的外觀。這樣就可以將網頁的內容和表現形式分離。層疊的意思是 如果選擇器的權重相同,則後面元素的樣式會覆蓋前面樣式。css樣式表由選擇器和宣告兩個部分組成,其中選擇器是通過名字來標識元素的,宣告用於定義元素的樣式。a 樣式表比較常見的有三種引入方式 1.行內樣式...

CSS基礎樣式

顏色 單位 color 設定文字顏色 text align 設定文字對齊方式 letter spacing 字間距 line height 行高 text indent 首行縮排 text decoration 文字裝飾 text transform 大小寫轉換 text shadow 建立文字陰影...

css基礎樣式

5 float 6 position 定位 1.1給值方式 background 背景顏色 color 字型顏色 1.2 透明度 rgba 0 255 0 255 0 255 0 1 a代表透明度 0 1 0完全透明 1完全不透明 只針對當前設定顏色的內容透明opcity 0 1 標籤元素的透明度 ...