CSS樣式
固定頁框
固定頁框
接續上堂課~最上面的那三行錨點
目標是利用CSS把他們合併為一行
1.全部反白~在屬性中把他們設為同一標籤(例如按一下斜體旁邊的清單)
(之後就會發現這三行多了兩個標籤~ul & li)
目標是利用CSS把他們合併為一行
1.全部反白~在屬性中把他們設為同一標籤(例如按一下斜體旁邊的清單)
(之後就會發現這三行多了兩個標籤~ul & li)
按一下ul之後把旁邊的css樣式展開
找到新增css規則!
下拉找到標籤~確認標籤名稱為ul後確定
找到新增css規則!
下拉找到標籤~確認標籤名稱為ul後確定
首先~這只是借一下清單的標籤所以要把不需要的清單前面的圖案弄掉~
接下來為了等下確定是字中~所以要把之前範本設定得外部預留左邊界設為0
設定為字中
之後一樣為li設定css規則
選區塊把讓所有有li標籤的部份全部顯示在同一行
選區塊把讓所有有li標籤的部份全部顯示在同一行
之後由於標準化的原因
無法使用空白鍵來讓三者之間空開(.....)
所以請調整內部的左右間距
無法使用空白鍵來讓三者之間空開(.....)
所以請調整內部的左右間距
設定完成了原始碼長這樣!還滿好理解的~(想要自己改別人提供blog這邊要看懂)
這邊順便講解css樣式得命名
類別 命名為 .xxx
ID 命名為 #xxx
標籤 命名為 xxx
復合時 例如: #header img or .table h1
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍順便講屬性的程式碼(私自補充)﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
ul {
list-style-type: none;
text-align: center;
padding-left: 0px;
}
寫過程式的應該很好懂
就是ul標籤名稱被括號包含的部份是屬性
簡單說就是
屬性:屬性值;
這邊順便講解css樣式得命名
類別 命名為 .xxx
ID 命名為 #xxx
標籤 命名為 xxx
復合時 例如: #header img or .table h1
﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍順便講屬性的程式碼(私自補充)﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍﹍
ul {
list-style-type: none;
text-align: center;
padding-left: 0px;
}
寫過程式的應該很好懂
就是ul標籤名稱被括號包含的部份是屬性
簡單說就是
屬性:屬性值;
接下來要補之前未設的回到最上層
......因為有上邊界所以講師直接連回這網頁就解決了囧
......因為有上邊界所以講師直接連回這網頁就解決了囧
之後為了讓它向右靠齊
所以對著<p>(換行標籤)按右鍵---快速標籤編輯器
去更改html
補成<p align="right">
順代一題那個防呆裝置.....要用不用看個人不過越用的確會越呆(但我就是懶得打嘛囧)
所以對著<p>(換行標籤)按右鍵---快速標籤編輯器
去更改html
補成<p align="right">
順代一題那個防呆裝置.....要用不用看個人不過越用的確會越呆(但我就是懶得打嘛囧)
之後要製作固定頁框
所以請先做橫幅&導覽列兩個新網頁(該超連結的就超連結該字中就字中~自己去設頁面屬性)
所以請先做橫幅&導覽列兩個新網頁(該超連結的就超連結該字中就字中~自己去設頁面屬性)
接下來~要新增頁框~這邊一樣有好幾種方法
不過最簡單的當然是從新增網頁裡面 --- 來自樣本的頁面 --- 頁框組 選個適合的
不過最簡單的當然是從新增網頁裡面 --- 來自樣本的頁面 --- 頁框組 選個適合的
之後一按確定~她就會先讓你設屬性
請注意~各個頁框的標題全部都設定完了才按確定
請注意~各個頁框的標題全部都設定完了才按確定
之後請先在視窗(w)選擇頁框把它打勾展開
選擇要設定的頁框部份~開始設定原始檔(要顯示在此的網頁)~把橫幅、導覽列、首頁、各自輸入
並且依照是否需要捲軸來設定捲動部份(有就有~不確定的話就選自動)
選擇要設定的頁框部份~開始設定原始檔(要顯示在此的網頁)~把橫幅、導覽列、首頁、各自輸入
並且依照是否需要捲軸來設定捲動部份(有就有~不確定的話就選自動)
之後~直接在頁框選一下導覽列的連結~在屬性部份會看到目標
把三個全部選成主頁框的名稱!
順便解釋一下其他的意思
_blank(另開新視窗)注意!這不標準(我超愛用說囧)
_parent(父頁框)在巢狀頁框中,連結的網頁,會取代上一層的頁框
_self(相同頁框)連結的網頁會取代目前的頁框(預設值)
_top(整頁)連結的網頁會取代全部的頁框
以上~本堂完
把三個全部選成主頁框的名稱!
順便解釋一下其他的意思
_blank(另開新視窗)注意!這不標準(我超愛用說囧)
_parent(父頁框)在巢狀頁框中,連結的網頁,會取代上一層的頁框
_self(相同頁框)連結的網頁會取代目前的頁框(預設值)
_top(整頁)連結的網頁會取代全部的頁框
以上~本堂完
今日事今日畢又被我丟到一邊去勒
現在時間8/27星期五晚上就要上第四堂勒
不過這次有正當理由(雖然不算我自願的囧)
.....機車好恐怖!!為啥不喜歡出門的傢伙還要被強迫去考駕照啊囧
還算挺簡單.....不過會習慣性的把油門轉到底是.......= =|||
※我的狗類恐懼症又加重勒
※不喜歡聊天的人聽別人聊天也滿無聊的囧
※沒事情做就能一直睡一直睡一直睡一直睡ZzZz(當作庫存!?)
※在別人家想用我的攜帶版狐狐上個網一插隨身碟......先開始清毒吧
※原文書還真不是普通重(重點是都英文)
※時間軸又有點小亂了~