FE入門 html css基礎

2021-09-24 02:49:20 字數 1051 閱讀 5789

通過看熟悉以下html標籤:

>

p>

>

div>

>

>

span

>

>

a>

>

i>

>

ul>

>

ol>

>

li>

>

select

>

和>

option

>

/>

/>

css(cascading style sheets)層疊式樣式表,用於定義如何顯示html元素。

css規則由兩個部分構成:選擇器,一條及多條宣告。

選擇器

selector

例如,我們要設定html中input的字型顏色及字型大小,就這樣寫:

input

選擇器種類很多,常見的如下:

//元素選擇器

input

//id選擇器

#div1

//類選擇器

.active

//屬性選擇器

[title]

除此之外還有後代、兄弟、偽類選擇器等等,具體知識點,請見css相關課程。

html元素分兩類:行內元素、塊級元素。他們有如下區別:

行內元素與塊級元素直觀上的區別:行內元素會在一條直線上排列,都是同一行的,水平方向排列;塊級元素各佔據一行,垂直方向排列。塊級元素從新行開始結束接著乙個斷行。

塊級元素可以包含行內元素和塊級元素,行內元素不能包含塊級元素。

行內元素與塊級元素屬性的不同,主要是盒模型屬性上:行內元素設定width無效,height無效(可以設定line-height),margin上下無效,padding上下無效。

常見塊級元素:

>

- 常用塊級容易,也是css layout的主要標籤

最新HTML CSS基礎入門

html css是web前端開發基礎課程,本章將由麥子學院資深web前端開發工程師為你全面講解html和css的基本屬性和用法,帶你進入web前端開發的世界。1.課程介紹10 39 2.html的語法14 18 3.html的基本結構22 43 4.html的文件設定標記上 格式標記 22 54 5...

HTML CSS 基礎入門 04

lang en charset utf 8 註冊頁面title body rg layout rg left rg left p first child rg left p last child rg center rg right rg right p first child rg right p...

html css零基礎入門教程

html即超文字標記語言 hyper text markup language 是用來描述網頁的一種語言。超文字標記語言的結構包括 頭 部分 外語 head 和 主體 部分 外語 body 其中 頭 部提供關於網頁的資訊,主體 部分提供網頁的具體內容。標記語言是一套標記標籤 markup tag h...