設計師學習HTML CSS之路 06

2021-09-24 06:49:55 字數 1038 閱讀 9805

不了解前端的ui不是好美工,以下是慕課網html+css基礎教程學習筆記,不廢話,start!

6-1 認識css樣式

css全稱:cascading style sheets疊層樣式表

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

如下列**:

p

複製**

6-2 css樣式的優勢

以下舉例:

css全稱:cascading style sheets疊層樣式表 

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

複製**

this is a paragraph

"color: red; margin-left: 20px">

this is a paragraph

複製**

注:掘金markdown只能識別內聯式style。

6-3 css**語法

css 樣式由選擇符和宣告組成,而宣告又由屬性和值組成:

選擇符又稱選擇器,指明網頁中要應用樣式規則的元素。

宣告在英文大括號「{}」中的的就是宣告,屬性和值之間用英文冒號「:」分隔。當有多條宣告時,中間可以英文分號「;」分隔,如下所示:

p

複製**

注意:

1、最後一條宣告可以沒有分號,但是為了以後修改方便,一般也加上分號。

p

複製**

6-4 css注釋**
如同的一樣

複製**

> css的注釋語法為:

> /*這是注釋內容*/

> p

複製**

tips:注釋內容可以放在任意地方。

設計師學習HTML CSS之路 03

不了解前端的ui不是好美工,以下是慕課網html css基礎教程學習筆記,不廢話,start 3 1 ul無序列表標籤語法 解釋 unordered list 無序列表 3 2 ol有序列表標籤語法 列表 列表 解釋 ordered list有序列表 列表 列表 3 3 div在排版中的作用語法 標...

設計師學習HTML CSS之路 02

不了解前端的ui不是好美工,以下是慕課網html css基礎教程學習筆記,不廢話,start 2 1 語義化 語義化,讓你的網頁更好的被搜尋引擎理解。標籤的用途 我們學習網頁製作時,常常會聽到乙個詞,語義化。那麼什麼叫做語義化呢,說的通俗點就是 明白每個標籤的用途 在什麼情況下使用此標籤合理 比如,...

設計師學習HTML CSS之路 04

不了解前端的ui不是好美工,以下是慕課網html css基礎教程學習筆記,不廢話,start 4 1 使用a標籤,鏈結到另乙個頁面語法 title的目的不僅僅是劃過顯示的文字,他還有的作用是語義化 點我試試 title p2g作品集 點我試試 複製 4 2 在新建瀏覽器視窗中開啟鏈結 a標籤預設是上...