6.1.1網站首頁 - 頭部及海報區域的搭建(上)
本節簡介:吉利汽車網站首頁整體框架搭建,及頭部區域logo,導航條,搜索框的框架搭建和樣式設置
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
輸入文本框的時候有藍色邊框,這時可給input加個outline:none:
input「outline:none;」是去掉輸入框里的默認藍色邊框
多個<li></li>之間的空格是由margin來設置的,margin:0 30px;表明一個<li>元素的上下距離為0,左右距離為30px
input{outline:none}清除瀏覽器默認邊框
在 input 里面添加一個輸入提示文本:placeholder=“里面輸入內容”(只有html5支持
設置提示文本的時候設置文字樣式,在 文本域的css樣式里面直接設置font屬性即可
輸入文本域時候會有一個框,這個框是瀏覽器自帶的框,要想把這個框去掉,只用 在 input的樣式里面加:outline:none 即可
將a標簽的樣式設置“display:block;”則可以將a標簽設置為塊元素,增加超鏈接的作用區域
去掉文本框默認的框,在通用樣式中設置 input { outline:none }
輸入文本域時候會有一個框,這個框是瀏覽器自帶的框,要想把這個框去掉,只用 在 input的樣式里面加:outline:none 即可
設置提示文本的時候設置文字樣式,在 文本域的css樣式里面直接設置font屬性即可
在 input 里面添加一個輸入提示文本:placeholder=“里面輸入內容”(只有html5支持)
用 cursor;pointer,當鼠標移入搜索框 的時候,應該有個小手(類似于點擊超鏈接的時候)
要想讓提submit提交按鈕的字去掉,加一個 value=“” 空字符串就可以了
寫input標簽的樣式時,一般先轉成塊元素,不然容易出問題
去掉文本框默認的框,在通用樣式中設置outline:none;