web學習(十)列表,導航與頁面布局

2021-09-24 16:17:19 字數 1029 閱讀 4414

定義列表

列表名列表詳情

有序列表

列表中的第一項

列表中的第二項

列表中的第三項

!注意

list-style:none;去掉無序列表中的點

ol有序列表預設是數字順序,如果設定 a(大寫abc)a(小寫abc)l(羅馬數字大寫)i(羅馬數字小寫)

導航:是指通過一定的技術手段,為網頁的訪問者提供一定的途徑,使其可以方便地訪問到所需的內容

通常製作導航要用到列表元素(ul、ol、li)和超連結元素(a)

導航有水平方向和垂直方向,其中水平方向的導航就是需要把區塊元素在同一行中展示出來,需要用到之前學過的浮動知識

當我們得到乙個導航的ul圖後,首先需要分析導航結構,用需要的元素把導航的html結構完成,然後為其設定樣式,需要在ps裡精確測量,最後的完成的頁面應該與ul圖相同

大多數**會把內容安排到多個列中(就像雜誌或報紙那樣)

開始使用布局的時候盡量通過ps等畫圖工具進行設計

早期的**使用html table標籤來設計出漂亮的布局,但是table標籤是不建議作為布局工具使用的 - **不是布局工具

如今大多數**使用

等元素來建立多列。css 用於對元素進行定位,或者為頁面建立背景以及色彩豐富的外觀

使用 css 最大的好處是,如果把 css **存放到外部樣式表中,那麼站點會更易於維護。通過編輯單一的檔案,就可以改變所有頁面的布局

學習布局時需要完成下面的步驟

第一步:畫布局圖(在剛開始的布局階段必須畫)

第二部:開始布局html結構(務必保證按照布局圖去書寫)

第三部:在ps中精確測量出每個區域的大小為html結構設定css樣式

第四部:保證css和js(後面學習到的)與html分離(可以一開始就將css寫在css檔案中,也可以在做完頁面後單獨去做)

Redis學習(十) 列表 List

redis列表是簡單的字串列表,按照插入順序排序。你可以新增乙個元素到列表的頭部 左邊 或者尾部 右邊 乙個列表最多可以包含 232 1 個元素 4294967295,每個列表超過40億個元素 redis 127.0.0.1 6379 lpush runoobkey redis integer 1r...

Web前端筆記07 列表與超連結

無序列表是網頁中最常用的列表,之所以稱為 無序列表 是因為其各個列表項之間為並列關係,沒有順序級別之分,列如 有序列錶即為有順序的列表,其各個列表項會按照一定的順序排列,列如 列表1 列表2列表3 1.超連結文字或者影象其中,target有兩種取值方式 blank 在新視窗中開啟 self 預設在本...

python學習筆記8 列表與切片

python中最基本的額資料結構。列表中的每個元素都分配了乙個數字 代表元素的位置 列表的定義 變數名稱 1,2,3,4,5,6,7 全域性函式下list構造乙個列表 變數名稱 得到乙個空表。如果list中有乙個引數,必須是乙個列表 判斷乙個元素在不在列表中 變數 in 容器 這裡使用的是列表lis...