整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
天的主題是網(wǎng)頁編程中的水平線。
同學(xué)們好，今天我來分享一些免費的少兒編程知識。只要每天堅持學(xué)習(xí)一行代碼，你也可以成為編程高手！今天我們要學(xué)習(xí)如何在HTML中插入一條水平線，使用的是HR標(biāo)簽。HR是一個自閉合標(biāo)簽，雖然它沒有標(biāo)準(zhǔn)的屬性，但我們可以通過CSS來控制它的外觀。
先來看看我們的實例效果。在頁面上，兩行文字被一條直線分開。這條直線就是HR標(biāo)簽，效果已經(jīng)展示出來了?，F(xiàn)在我們來看看實現(xiàn)的代碼。HR標(biāo)簽的寫法非常簡單，但在最開始的時候，它有四個屬性，現(xiàn)在已經(jīng)不被標(biāo)準(zhǔn)支持了。盡管如此，我們?nèi)匀豢梢允褂盟?/p>
今天的實例中，我們已經(jīng)將這些標(biāo)簽加入到了代碼中。如果你感興趣，可以查看下方的代碼。按下空格鍵可以看到過時的屬性不會被智能提示，但這并不影響代碼的正確性。將注釋取消后保存，然后回到瀏覽器刷新，可以看到屬性仍然有效。線條的高度為3，寬度為400，并且居中顯示。取消陰影后，線條將變?yōu)榧兩?/p>
這只是一個演示，你可以參考一下。從這個示例中，我們可以看到，HR標(biāo)簽的寬度是根據(jù)頁面寬度自動調(diào)整的。當(dāng)它的寬度達到整個瀏覽器時，它會自動換行。既然屬性已經(jīng)過時了，那么我們?nèi)绾瓮ㄟ^HTML來控制外觀呢？CSS是我們今天要學(xué)習(xí)的內(nèi)容。
先取消注釋的代碼，讓HTML失效，然后保存?；氐綖g覽器刷新，就可以看到線條變成了藍色。
今天的分享就到這里，希望各位同學(xué)可以試著寫三遍，不需要看視頻也可以掌握這個技巧。如果你需要案例和相關(guān)文檔，可以向我咨詢。
我們下期再見，想學(xué)習(xí)編程的同學(xué)記得關(guān)注哦。
TML/CSS部分
1、什么是盒子模型？
在網(wǎng)頁中，一個元素占有空間的大小由幾個部分構(gòu)成，其中包括元素的內(nèi)容（content），元素的內(nèi)邊距（padding），元素的邊框（border），元素的外邊距（margin）四個部分。這四個部分占有的空間中，有的部分可以顯示相應(yīng)的內(nèi)容，而有的部分只用來分隔相鄰的區(qū)域或區(qū)域。4個部分一起構(gòu)成了css中元素的盒模型。
2、行內(nèi)元素有哪些？塊級元素有哪些？ 空(void)元素有那些？
行內(nèi)元素：a、b、span、img、input、strong、select、label、em、button、textarea
塊級元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote
空元素：即系沒有內(nèi)容的HTML元素，例如：br、meta、hr、link、input、img
3、CSS實現(xiàn)垂直水平居中
一道經(jīng)典的問題，實現(xiàn)方法有很多種，以下是其中一種實現(xiàn)：
HTML結(jié)構(gòu)：
CSS：
4、簡述一下src與href的區(qū)別
href 是指向網(wǎng)絡(luò)資源所在位置，建立和當(dāng)前元素（錨點）或當(dāng)前文檔（鏈接）之間的鏈接，用于超鏈接。
src是指向外部資源的位置，指向的內(nèi)容將會嵌入到文檔中當(dāng)前標(biāo)簽所在位置；在請求src資源時會將其指向的資源下載并應(yīng)用到文檔內(nèi)，例如js腳本，img圖片和frame等元素。當(dāng)瀏覽器解析到該元素時，會暫停其他資源的下載和處理，直到將該資源加載、編譯、執(zhí)行完畢，圖片和框架等元素也如此，類似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部。
5、什么是CSS Hack?
一般來說是針對不同的瀏覽器寫不同的CSS,就是 CSS Hack。
IE瀏覽器Hack一般又分為三種，條件Hack、屬性級Hack、選擇符Hack（詳細參考CSS文檔：css文檔）。例如：
6、簡述同步和異步的區(qū)別
同步是阻塞模式，異步是非阻塞模式。
同步就是指一個進程在執(zhí)行某個請求的時候，若該請求需要一段時間才能返回信息，那么這個進程將會一直等待下去，直到收到返回信息才繼續(xù)執(zhí)行下去；
異步是指進程不需要一直等下去，而是繼續(xù)執(zhí)行下面的操作，不管其他進程的狀態(tài)。當(dāng)有消息返回時系統(tǒng)會通知進程進行處理，這樣可以提高執(zhí)行的效率。
7、px和em的區(qū)別
px和em都是長度單位，區(qū)別是，px的值是固定的，指定是多少就是多少，計算比較容易。em得值不是固定的，并且em會繼承父級元素的字體大小。
瀏覽器的默認字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em
8、什么叫優(yōu)雅降級和漸進增強？
漸進增強 progressive enhancement：
針對低版本瀏覽器進行構(gòu)建頁面，保證最基本的功能，然后再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗。
優(yōu)雅降級 graceful degradation：
一開始就構(gòu)建完整的功能，然后再針對低版本瀏覽器進行兼容。
區(qū)別：
a. 優(yōu)雅降級是從復(fù)雜的現(xiàn)狀開始，并試圖減少用戶體驗的供給
b. 漸進增強則是從一個非常基礎(chǔ)的，能夠起作用的版本開始，并不斷擴充，以適應(yīng)未來環(huán)境的需要
c. 降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處于安全地帶
9、瀏覽器的內(nèi)核分別是什么?
IE: trident內(nèi)核
Firefox：gecko內(nèi)核
Safari：webkit內(nèi)核
Opera：以前是presto內(nèi)核，Opera現(xiàn)已改用Google Chrome的Blink內(nèi)核
Chrome：Blink(基于webkit，Google與Opera Software共同開發(fā))
想了解更多前端開發(fā)者面試相關(guān)歡迎評論區(qū)留言或私信我！
關(guān)注公眾號：fkdcxy 瘋狂的程序員丶 面試真題，大廠面經(jīng)，大牛指點，提升基礎(chǔ)知識！
html標(biāo)題,水平線,注釋
html標(biāo)題(heading)是通過<h1>....<h6>標(biāo)簽來定義的.
根據(jù)重要性排列,<h1>定義最大的標(biāo)題,<h6>定義最小的標(biāo)題
<html>
<head>
<meta charser="utf-8">
<title>愛你的阿平</title>
</head>
<body>
<h1>這是標(biāo)題1</h1>
<h2>這是標(biāo)題2</h2>
<h3>這是標(biāo)題3</h3>
<h4>這是標(biāo)題4</h4>
<h5>這是標(biāo)題5</h5>
<h6>這是標(biāo)題6</h6>
</body>
</html>
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
