亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

前端基礎(chǔ)知識(shí)學(xué)習(xí)記錄（一）

liuchengxu / 497人閱讀

摘要：前端基礎(chǔ)知識(shí)學(xué)習(xí)記錄一屬性通過使用屬性，可以選擇四種不同類型的定位，會(huì)影響元素框生成的方式。相對(duì)于元素的原始位置進(jìn)行定位。舉例相鄰兄弟選擇器可選擇緊接在另一元素后的元素，且二者有相同父元素。

前端基礎(chǔ)知識(shí)學(xué)習(xí)記錄（一）

1、CSS position 屬性

通過使用 position 屬性，可以選擇四種不同類型的定位，會(huì)影響元素框生成的方式。
position 屬性值的含義：

static：元素框正常生成。塊級(jí)元素生成一個(gè)矩形框，作為文檔流的一部分，行內(nèi)元素則會(huì)創(chuàng)建一個(gè)或多個(gè)行框，置于其父元素中。
relative：相對(duì)定位。相對(duì)于元素的原始位置進(jìn)行定位。元素框偏移某個(gè)距離，它原本所占的空間仍保留。
absolute：絕對(duì)定位。相對(duì)于其包含塊定位，包含塊可能是文檔中的另一個(gè)元素或者是初始包含塊；也可說相對(duì)于除static定位以外的第一個(gè)父元素進(jìn)行定位。元素原先在正常文檔流中所占的空間會(huì)關(guān)閉，就好像元素原來不存在一樣。元素定位后生成一個(gè)塊級(jí)框，而不論原來它在正常流中生成何種類型的框。
fixed：相對(duì)于瀏覽器窗口進(jìn)行定位。

2、CSS display 屬性
block、inline、inlinke-block

display:block;
block元素會(huì)獨(dú)占一行，多個(gè)block元素會(huì)各自新起一行。默認(rèn)情況下，block元素寬度自動(dòng)填滿其父元素寬度，可以自行設(shè)置寬高以及margin、padding屬性。
display:inline;
inline元素不會(huì)獨(dú)占一行，多個(gè)相鄰的行內(nèi)元素會(huì)排列在同一行里，直到一行排列不下，才會(huì)新?lián)Q一行，其寬度隨元素的內(nèi)容而變化，不可以自行設(shè)置寬高，可以設(shè)置水平方向的margin和padding屬性，但不可以設(shè)置豎直方向的margin與padding屬性。
display:inline-block;
將對(duì)象呈現(xiàn)為inline對(duì)象，但對(duì)象的內(nèi)容作為block對(duì)象呈現(xiàn)。即之后的對(duì)象會(huì)被排列在同一行內(nèi)，亦可自行設(shè)置寬高以及margin、padding屬性。

3、CSS 選擇器

CSS元素選擇器：又稱類型選擇器，它匹配文檔樹中該元素類型的每一個(gè)實(shí)例。
舉例：

類選擇器：類選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式，該選擇器可以多帶帶使用，也可以與其他元素結(jié)合使用。
舉例：

ID選擇器：ID 選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式。只能在文檔中使用一次；且ID 選擇器不能結(jié)合使用（ID 屬性不允許有以空格分隔的詞列表）。
舉例：

屬性選擇器：屬性選擇器可以根據(jù)元素的屬性及屬性值來選擇元素。
舉例：
后代選擇器：又稱包含選擇器,可以選擇作為某元素后代的元素。
舉例：

子元素選擇器：選擇作為某元素子元素的元素。
舉例：

相鄰兄弟選擇器：可選擇緊接在另一元素后的元素，且二者有相同父元素。
舉例：

偽類：用于向某些選擇器添加特殊的效果。
舉例：a:hover{}
偽元素：用于向某些選擇器設(shè)置特殊效果。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/111834.html

相關(guān)文章

  • 前端開發(fā)學(xué)習(xí)-網(wǎng)址記錄

    摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識(shí)時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    CatalpaFlat 評(píng)論0 收藏0

  • 前端開發(fā)學(xué)習(xí)-網(wǎng)址記錄

    摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識(shí)時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    anonymoussf 評(píng)論0 收藏0

  • 前端開發(fā)學(xué)習(xí)-網(wǎng)址記錄

    摘要：不是一下子能看完綜合使用編程是一番怎樣的體驗(yàn)學(xué)習(xí)筆記網(wǎng)站前端開發(fā)基礎(chǔ)算法題如何優(yōu)雅地使用如何優(yōu)雅地使用零度博客碼農(nóng)網(wǎng)伯樂在線什么是頁面渲染國外先更到這，還有太多網(wǎng)址，先歸類一下再補(bǔ)充。 最近在復(fù)習(xí)JavaScript知識(shí)時(shí)遇到以前就不懂的閉包、上下文，雖然比以前理解深了一點(diǎn)，但還是懵，想緩一下。。就去看了其他。。把Git、Grunt、Gulp、jQuery、jQuery UI、Reac...

    zhigoo 評(píng)論0 收藏0

  • 前端學(xué)習(xí)開篇

    摘要：寫在前邊從去年一直陸續(xù)學(xué)習(xí)前端的知識(shí)，起初學(xué)習(xí)和寫頁面。自學(xué)前端主要還是有一個(gè)明確的目標(biāo)，這樣才能有效的學(xué)習(xí)和容易堅(jiān)持。通過這次任務(wù)的實(shí)現(xiàn)能夠系統(tǒng)的了解前端的開發(fā)流程，以及一些工具的使用。 寫在前邊 從去年一直陸續(xù)學(xué)習(xí)前端的知識(shí)，起初學(xué)習(xí)HTML和CSS寫頁面。但是覺得自己對(duì)這方面沒有太好的天賦，學(xué)著忘著，很是痛苦。在接觸前端過程中，發(fā)現(xiàn)應(yīng)用javascript實(shí)現(xiàn)一些功能，自己比較...

    kohoh_ 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<