導航,頭部,CSS基礎

2022-09-10 15:45:32 字數 1785 閱讀 6030

製作自己的導航條。

定義了html文件的樣式檔案

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

練習樣式表:行內樣式表

內嵌樣式表

外部樣式表

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

class 類選擇器

id 選擇器

"en

">

footer1-logo.png

">

"test

"name="

search

">

"submit

">搜尋

"">註冊

"">登入

"">學校官網

"">人文社科

"">自然科學

"">專業書籍

"">文學名著

"">**雜誌

"">散文詩集

class="

tea"> 請注意執行環境是否安全!

class="

textblue

"> 請注意執行環境是否安全!

class="

tea">請注意執行環境是否安全!

">

"container

" style="

width: 400px

">

"header

" style="

background-color: blue

">

"content

" style="

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

"align="

center

">

使用者"text

" name="

firstname

"> 密碼"

password

" name="

pwd" >

"radio

" value="

教師">教師

"radio

" value="

學生">學生

"radio

" value="

訪客">訪客

"button

" value="

登陸">

"button

" value="

取消">

"container

" style="

width: 400px

">

"header

" style="

background-color: blue

">

"content

" style="

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

">計算機科學技術

j**a程式語言

web網路架構

python網路資料採集

導航,頭部,CSS基礎

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

導航,頭部,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...