CSS之基礎概要

2021-07-10 14:09:36 字數 1569 閱讀 7417

css全程為「層疊樣式表(cascading style sheets)」

它主要是用於定義html內容在瀏覽器內的顯示樣式,如文字大小、顏色、字型加粗等。

css**語法

css樣式由選擇符宣告組成(如下圖所示),選擇符又稱為選擇器,指明網頁中要應用樣式規則的元素。而宣告又由屬性組成,在英文大括號「{}」中的就是宣告,屬性和值之間用英文冒號「:」分隔,當有多條宣告是,中間用英文分號「;」分隔,例如:p

css注釋**

像在html的注釋一樣(html中使用),在css中也有注釋語句:用  /*注釋語句*/

來標明。

css樣式的三種使用方法

css樣式可以寫在哪些地方呢?從css樣式**插入的形式來看基本可以分為以下3種:內聯式(行間樣式)、嵌入式(內部樣式)、外聯式(外部樣式)三種。

1、內聯式css樣式

直接把css**寫在現有的html標籤中,例如:

這裡的文字是紅色的

,一般在除錯**時使用。

2、嵌入式css樣式

把css樣式**寫在標籤之間,並且一般情況下嵌入式css樣式寫在之間。例如:

優點:表現與內容分離,能夠靈活的同步控制乙個頁面中多個地方的相同選擇器的樣式。

3.外聯式css樣式

把css**寫在乙個單獨的外部檔案中,這個css樣式檔案以「.css」為副檔名,在內(不是在標籤內)使用標籤將css樣式檔案鏈結到html檔案內,例如:

注意:1.css樣式檔名稱以有意義的英文本母命名,如:main.css。2.rel="stylesheet" type="text/css"是固定寫法不可修改。3.標籤位置一般寫在標籤之內。

三種方法的優先順序

有人問,如果對乙個元素我們同時用了三種方法設定css樣式,那麼哪種方法真正有效呢?(這個自己敲碼驗證一下,總結如下)

三種樣式的優先順序:內聯式》嵌入式》外聯式

但是嵌入式》外聯式有乙個前提:嵌入式css樣式的位置一定在外聯式的後面。

感興趣的小夥伴可以試一下,把它們調換一下順序,再看它們的優先順序是否變化。

Python基礎概要

1 python簡介 解釋型語言 弱型別語言 2 變數 程式執行過程中產生的乙個值,暫時儲存在記憶體中,供後面的程式使用 3 變數的規則 1.字母,數字,下劃線組成 2.不能是數字開頭,更不能是純數字 3.不能是關鍵字 4.不要用中文 5.不要太長 6.要有意義 7.區分大小寫 8.推薦駝峰和下劃線...

CSS技術概要總結

為什麼需要css技術?咱們需要看看css是處在乙個什麼樣的技術位置,web的html頁面需要瀏覽器進行訪問,而瀏覽器又是執行在作業系統上的,作業系統又是執行在不同的硬體裝置上的,所以css的技術需要一些基礎背景知識 硬體裝置 作業系統 瀏覽器 html js。為什麼需要把角度上公升到硬體裝置這一層呢...

CSS第二講概要

2015 09 22 第四課 css2 一 塊元素的特點 1 常見塊級元素 p h1 h6 ul li ol li div hr tabel 2 預設顯示在符標籤的左上角。3 塊級元素預設佔滿一行 佔滿整個文件流 4 塊級元素變成行內元素 display inline 5 塊級元素具有行內元素和塊級...