成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

liuchengxu / 449人閱讀

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

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

1、CSS position 屬性

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

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

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

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

3、CSS 選擇器

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

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

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

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

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

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

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111834.html

相關(guān)文章

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

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

    CatalpaFlat 評論0 收藏0

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

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

    anonymoussf 評論0 收藏0

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

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

    zhigoo 評論0 收藏0

  • 前端學(xué)習開篇

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

    kohoh_ 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<