導航,頭部,CSS基礎

2021-09-12 09:51:47 字數 1201 閱讀 5521

1.製作自己的導航條

2.html頭部元素:

b.定義了html文件的樣式檔案

c.定義了乙個文件和外部資源之間的關係

3.練習樣式表:

a.行內樣式表

b.內嵌樣式表

c.外部樣式表

4.分別練習定義三類選擇器:

a.html 選擇器

b.class 類選擇器

c.id 選擇器

"en

">

" height="

200" width="

200">

" src="

" height="

60" width="

60">

"">餓了麼官網首頁

"">登入

"">註冊

"text

"placeholder="

請輸入搜尋內容

">

"button

"value="

搜尋">"#2

">2

"container

" style="

width: 400px

">

"header

" style="

background-color: antiquewhite

">

"content

" style="

background-color:aquamarine;height: 180px;width: 400px;float: left;

">class="

yellow

">餓了就上餓了麼

"abc

">餓了就上餓了麼

餓了麼"

background-color:grey;font-family: 'helvetica neue', helvetica, arial, sans-serif;font-size: 35px;color:red

">就上餓了麼

林丹宜 閱讀(

...)

編輯收藏

導航,頭部,CSS基礎

製作自己的導航條。定義了html文件的樣式檔案 定義了乙個文件和外部資源之間的關係 練習樣式表 行內樣式表 內嵌樣式表 外部樣式表 分別練習定義三類選擇器 html 選擇器 class 類選擇器 id 選擇器 en footer1 logo.png test name search submit 搜...

導航,頭部,CSS基礎

製作自己的導航條。html頭部元素 div 外部樣式 div container style width 400px header style background color bisque content style background color bisque height 150px wid...

移動端頭部導航欄

簡述 書寫移動端頭部樣式的時候,可以將頭部包裹在乙個大盒子裡面。不要給大盒子設定padding。給左右盒子分別設定,左邊的盒子設定寬度,左右的padding。右邊的盒子設定寬高,如果是佔滿剩餘盒子的話,可以設定為flex 1。用大盒子的高度,減去右邊盒子的高度除以2就是margin,設定margin...