-
<textarea ?rows="行數(shù)" cols="列數(shù)">文本</textarea>
1、<textarea>標(biāo)簽是成對出現(xiàn)的，以<textarea>開始，以</textarea>結(jié)束。
2、cols ：多行輸入域的列數(shù)。
3、rows ：多行輸入域的行數(shù)。
4、在<textarea></textarea>標(biāo)簽之間可以輸入默認(rèn)值。
查看全部 -
<head></head>標(biāo)簽對：標(biāo)簽包含有關(guān)HTML文檔的信息，可以包含一些輔助性標(biāo)簽。如<title></title>，<link /><meta />，<style></style>，<script></script>等查看全部
-
fixed：表示固定定位，與absolute定位類型類似，但它的相對移動的坐標(biāo)是視圖（屏幕內(nèi)的網(wǎng)頁窗口）本身。由于視圖本身是固定的，它不會隨瀏覽器窗口的滾動條滾動而變化，除非你在屏幕中移動瀏覽器窗口的屏幕位置，或改變?yōu)g覽器窗口的顯示大小，因此固定定位的元素會始終位于瀏覽器窗口內(nèi)視圖的某個(gè)位置，不會受文檔流動影響，這與background-attachment:fixed?屬性功能相同。以下代碼可以實(shí)現(xiàn)相對于瀏覽器視圖向右移動100px，向下移動50px。并且拖動滾動條時(shí)位置固定不變。
查看全部 -
如果想為元素設(shè)置層模型中的相對定位，需要設(shè)置position:relative（表示相對定位），它通過left、right、top、bottom屬性確定元素在正常文檔流中的偏移位置。相對定位完成的過程是首先按static(float)方式生成一個(gè)元素(并且元素像層一樣浮動了起來)，然后相對于以前的位置移動，移動的方向和幅度由left、right、top、bottom屬性確定，偏移前的位置保留不動。
查看全部 -
如果想為元素設(shè)置層模型中的絕對定位，需要設(shè)置position:absolute(表示絕對定位)，這條語句的作用將元素從文檔流中拖出來，然后使用left、right、top、bottom屬性相對于其最接近的一個(gè)具有定位屬性的父包含塊進(jìn)行絕對定位。如果不存在這樣的包含塊，則相對于body元素，即相對于瀏覽器窗口。
查看全部 -
position:absolute（父相子絕,父元素設(shè)置了相對定位或者絕對定位的時(shí)候，元素會相當(dāng)于離自己最近的設(shè)置了相對定位或絕對定位的元素而定位，就近法則，如果沒有設(shè)置，元素就相當(dāng)于根元素（html）來定位）脫離文檔流
position:relative(定位是相對于自身位置而定位) 未脫離文檔流
position:fixed（fixed固定定位是相對于瀏覽器本身視口定位，同樣有absolute的塊狀化、脫離文檔流等特點(diǎn)，除了參照物不同，其它基本相同）
查看全部 -
什么是層布局模型？層布局模型就像是圖像軟件PhotoShop中非常流行的圖層編輯功能一樣，每個(gè)圖層能夠精確定位操作，但在網(wǎng)頁設(shè)計(jì)領(lǐng)域，由于網(wǎng)頁大小的活動性，層布局沒能受到熱捧。但是在網(wǎng)頁上局部使用層布局還是有其方便之處的。下面我們來學(xué)習(xí)一下html中的層布局。
如何讓html元素在網(wǎng)頁中精確定位，就像圖像軟件PhotoShop中的圖層一樣可以對每個(gè)圖層能夠精確定位操作。CSS定義了一組定位（positioning）屬性來支持層布局模型。
層模型有三種形式：
1、絕對定位(position: absolute)
2、相對定位(position: relative)
3、固定定位(position: fixed)
查看全部 -
第二點(diǎn)，在流動模型下，內(nèi)聯(lián)元素都會在所處的包含元素內(nèi)從左到右水平分布顯示。（內(nèi)聯(lián)元素可不像塊狀元素這么霸道獨(dú)占一行）
查看全部 -
先來說一說流動模型，流動（Flow）是默認(rèn)的網(wǎng)頁布局模式。也就是說網(wǎng)頁在默認(rèn)狀態(tài)下的 HTML 網(wǎng)頁元素都是根據(jù)流動模型來分布網(wǎng)頁內(nèi)容的。
流動布局模型具有2個(gè)比較典型的特征：
第一點(diǎn)，塊狀元素都會在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%。實(shí)際上，塊狀元素都會以行的形式占據(jù)位置。如右側(cè)代碼編輯器中三個(gè)塊狀元素標(biāo)簽(div，h1，p)寬度顯示為100%。
查看全部 -
布局模型與盒模型一樣都是 CSS3 最基本、 最核心的概念。 但布局模型是建立在盒模型基礎(chǔ)之上，又不同于我們常說的 CSS3 布局樣式或 CSS3 布局模板。如果說布局模型是本，那么 CSS3 布局模板就是末了，是外在的表現(xiàn)形式。?
CSS3包含3種基本的布局模型，用英文概括為：Flow、Layer 和 Float。
在網(wǎng)頁中，元素有三種布局模型：
1、流動模型（Flow）
2、浮動模型 (Float)
3、層模型（Layer）查看全部 -
內(nèi)聯(lián)元素特點(diǎn)：
1、和其他元素都在一行上；
2、元素的高度、寬度及頂部和底部邊距不可設(shè)置；
3、元素的寬度就是它包含的文字或圖片的寬度，不可改變。
小伙伴們你們觀查一下右側(cè)代碼段，有沒有發(fā)現(xiàn)一個(gè)問題，內(nèi)聯(lián)元素之間有一個(gè)間距問題，這個(gè)問題在本小節(jié)的 wiki 中有介紹，感興趣的小伙伴可以去查看。
查看全部 -
塊級元素特點(diǎn)：
1、每個(gè)塊級元素都從新的一行開始，并且其后的元素也另起一行。（真霸道，一個(gè)塊級元素獨(dú)占一行）
2、元素的高度、寬度、行高以及頂和底邊距都可設(shè)置。
3、元素寬度在不設(shè)置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設(shè)定一個(gè)寬度。
查看全部 -
在講解CSS布局之前，我們需要提前知道一些知識，在CSS中，html中的標(biāo)簽元素大體被分為三種不同的類型：塊狀元素、內(nèi)聯(lián)元素(又叫行內(nèi)元素)和內(nèi)聯(lián)塊狀元素。
常用的塊狀元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的內(nèi)聯(lián)元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內(nèi)聯(lián)塊狀元素有：
<img>、<input>
查看全部 -
寬高不定 實(shí)現(xiàn)盒子水平垂直居中
通常使用定位以及translate完成
在父元素設(shè)置相對定位?position: relative;
在子元素中設(shè)置絕對定位?position: absolute;
+????top: 50%;
? ? ? ?left: 50%;
? ? ? ?transform: translate(-50%, -50%);1、利用父元素設(shè)置相對定位,子元素設(shè)置絕對定位,那么子元素就是相對于父元素定位的特性。
2、子元素設(shè)置上和左偏移的值都為50%。
3、然后再用css3屬性translate位移,給上和左都位移-50%距離，就能達(dá)到垂直水平居中的效果。
查看全部 -
面試?？碱}之已知寬高實(shí)現(xiàn)盒子水平垂直居中
這一章節(jié)我們來學(xué)習(xí)已知寬高實(shí)現(xiàn)盒子水平垂直居中。通常使用定位完成，例如想要實(shí)現(xiàn)以下效果：
我們有如下兩個(gè)div元素
要實(shí)現(xiàn)子元素相對于父元素垂直水平居中,我們只需要輸入以下代碼：
技術(shù)點(diǎn)的解釋：
1、利用父元素設(shè)置相對定位,? ?（position:relative;）
????子元素設(shè)置絕對定位,(position:absolute;)? +?
????????top:50%;
? ? ? ? left:50%;
? ? ? ? margin:-100px 0 0 -100px;
????那么子元素就是相對于父元素定位的特性。
2、子元素設(shè)置上和左偏移的值都為50%，是元素的左上角在父元素中心點(diǎn)的位置。效果：
3、然后再用margin給上和左都給負(fù)的自身寬高的一半,就能達(dá)到垂直水平居中的效果。
?
查看全部
舉報(bào)