導航,頭部,CSS基礎

2022-09-13 11:12:11 字數 1493 閱讀 3147

製作自己的導航條。

html頭部元素:

"div

">

外部樣式

"div

">

"container

" style="

width: 400px

">

"header

" style="

background-color: bisque

">

"content

" style="

background-color: bisque;height: 150px;width: 400px;float: left;

"align="

center

">

username

"text

" name="

firstname

">

password

"password

" name="

pwd" >

"radio

" name="

role

" value="

stu" center >student

"radio

" name="

vehicle

" value="

bike

">teacher

"button

" value="

replace

">

from>

"footer

" style="

background-color: bisque;clear: both;text-align: center;

"> duym

"container

" style="

width: 400px

">

"header

" style="

background-color: lightskyblue

">相關欄目 related sections

"content

" style="

background-color: lightskyblue;height: 250px;width: 400px;float: left;

">

問答提問收藏

from>

教師常用**

學生常用**

教學管理**

教學管理檔案

參考資料

導航,頭部,CSS基礎

1.製作自己的導航條 2.html頭部元素 b.定義了html文件的樣式檔案 c.定義了乙個文件和外部資源之間的關係 3.練習樣式表 a.行內樣式表 b.內嵌樣式表 c.外部樣式表 4.分別練習定義三類選擇器 a.html 選擇器 b.class 類選擇器 c.id 選擇器 en height 20...

導航,頭部,CSS基礎

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

移動端頭部導航欄

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