奇妙的html 和 Css【關於html、Css 開發中一些小奇怪現象和 非常重要的細節】
阿新 • • 發佈:2021-11-08
奇妙的html 和 Css【關於html、Css 開發中一些小奇怪現象和 非常重要的細節】
1、【小奇怪現象】:發現了一個奇妙現象:數字不自動換行
● 文字
<div class="title">標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題標題</div>
● 數字
<div class="title">555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555</div>
結果:文字自動換行、數字不自動換行
2、【非常重要的細節】:a 標籤:定義超連結
■ <a> 標籤可以是超連結或錨。【a 標籤重要的屬性 href】
● 通過 href 屬性,建立指向另外一個文件的連結(或者超連結);
● 通過使用name 或 id 屬性,建立一個文件內部的書籤(即,可以指向文件片段的連結);
■ 細節:# 佔位符,即當前頁面的意思。
3、【非常重要的細節】:img 標籤一般寬或高只設置其中的一個屬性【不要同時一起設定,會導致圖片失真】
■ img 必須要有的兩個屬性 src 和 alt【alt 就是圖片顯示不出來的提示】,
■ 還可以加個 title【title 就是滑鼠移動到圖片身上的提示】
4、【非常重要的細節】:input 作為輸入框,若是想將輸入框中的內容輸給action的那個資源進行處理,必須要有name屬性;
【name 和 內容,即引數名和引數 是鍵值對】
<input type="text" name="username" valule="預設值"/> //有value屬性,則輸入框預設有內容,否則內容就是空的,需要使用者輸入,然後name=內容; 傳給action的伺服器處理
5、【非常重要的細節】:補充一個標籤:框架標籤 frameset 【屬性 劃分行rows, 劃分列cols】,
■ 屬性src 可以將其他頁面的內容拼接到本框架中。
■ frame 框架上定義上 name 屬性作為錨點; 結合超連結a的target 屬性=錨點值。