有序列表、無序列表、自定義列表如何使用?寫個簡單的例子。三者在語義上有什么區別?在哪些情況下使用哪種(重要)? 如何嵌套?
如圖所示,有序列表顯然應該是用于強調事物順序的地方,比如步驟等,無序則用于清單等不需要太在意順序的地方,自定義列表則用于自由組合的地方,比如列舉事物的屬性
如何去除列表前面的點或者數字?
list-style:none
class 和 id 有什么區別?什么時候用 class 什么時候用 id?
class代表類,可以多次使用,一般用在一個可能會多次在項目中出現的功能屬性上,比如排列,顏色等等。
id是特有的,只能出現一次,使用id代表設置只針對該id有效,即使在其他地方用到也需要重新設置新的類或id,同時id也可以用于定位,利用herf直接跳轉到id所在位置。
塊級元素、行內元素是什么?有什么區別?分別對應哪些常用標簽?
塊級元素:blockquote
div
dl
ol
ul
p
table
fieldset
h(1-6)
行內元素:
a
br
em
img
label
span
var
teatxarea
label
塊元素會直接占領一行,而行元素只占有元素寬度那么寬;塊元素上下左右的邊距都存在,行內元素只有左右邊距會占據空間。
display: block、display: inline、display: inline-block分別有什么作用?
display:block是把元素設置為塊級元素
display:inline設置為行內元素
display:inline-block設置為既具有inline又具有block屬性當對象
設置為block后,大小以及所有邊距都可以控制,會獨占一行。
設置為inline后,上下邊距不能控制,寬度就是元素寬度加邊距,不額外設置的話元素水平排列
inline-block,既可以像行內元素一樣在一行排列,又可以像塊元素一樣設置上下外邊距
下面代碼是做什么的?抄寫一遍下面的代碼,注意class和id的使用及命名方式
設置了三大塊,header content,footer。
如何理解 HTML CSS 語義化? 在平時寫代碼的過程中要注意哪些細節
HTML?CSS語義化是為了是開發人員更好地理解程序,畢竟讀懂三個月以前寫的代碼,并不是一件容易的事情。
使用正確的標簽和名字,來編寫代碼,會使得代碼可讀性更高,更利于維護,同時方便爬蟲和瀏覽器當解析。
form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
form表單用于把用戶輸入的數據提交到后臺。
常用的input標簽:
text
textarea
password
radio
checkbox
post 和 get 方式的區別?
默認情況下是get
post安全性更好,可以傳輸更大當文件,并且不會在url里被看到
get在url里會被看到,安全性較差,有傳輸大小限制,適合傳送較小的不重要當表格
在input里,name 有什么作用?
name是給標簽加一個名字,這樣在表單傳遞給后臺數據庫的時候,會出現task6.php?name=envy這樣當字眼,相當于給用戶的數據加了一個屬性標簽,便于傳輸管理。
<button>提交</button>、<a class="btn" href="#">提交</a>、<input type="submit" value=“提交”>三者有什么區別?
<button>只是一個按鈕圖標,這個按鈕不會有其他功能(如果不額外設置的話)
<a class="btn" href="#">相當于一個鏈接,單擊后跳到對應鏈接
<input>才是真正當表單,就是這節課所學的,輸入數據,會傳到后臺
radio 如何 分組?
name取一樣的
<input type="radio" name="1" value="nihao">
<input type="radio" name="1" value="nibuhao">
placeholder 屬性有什么作用?
placeholder會在未輸入文字時出現,作為提示。
type=hidden隱藏域有什么作用? 舉例說明
隱藏域,用戶看不到,用來暫存數據。
<input type="hidden" name="secreat" vaule="mimi">
可以用來確認這個網站是不是我給用戶的
代碼
已上傳