這篇主要記錄了第一二章內(nèi)容,因?yàn)槎酁楦攀?,所以篇幅較短
流體布局:指的是利用元素“流”的特性實(shí)現(xiàn)的各類布局效果。“流體布局” ≠ “自適應(yīng)布局”“自適應(yīng)布局”是對(duì)凡是具有自適應(yīng)特性的一類布局的統(tǒng)稱,“流體布局”要狹窄得多。
表格布局也可以設(shè)置為 100%自適應(yīng),但表格和“流”不是一路的,并不屬于“流體布局”table有著自己的世界,“流”的特性對(duì)
后代選擇器:選擇所有合乎規(guī)則的后代元素。空請(qǐng)輸入代碼格連接。相鄰后代選擇器:僅僅選擇合乎規(guī)則的兒子元素,孫子、重孫元素忽略,因此又*請(qǐng)輸入代碼稱“子選擇器”。>連接。兄弟選擇器:選擇當(dāng)前元素后面的所有合乎規(guī)則的兄弟元素。~連接。相鄰兄弟選擇器:僅僅選擇當(dāng)前元素相鄰的那個(gè)合乎規(guī)則的兄弟元素。+連接。
附上其他選擇器查詢
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/116059.html
摘要:塊級(jí)元素基本概念塊級(jí)元素是一個(gè)水平流上只能單獨(dú)顯示一個(gè)元素,多個(gè)塊級(jí)元素則換行顯示。其中內(nèi)部尺寸由內(nèi)部元素決定還有一類叫作外部尺寸寬度由外部元素決定。所以子元素的高度設(shè)為是無效的。此時(shí)的就會(huì)有計(jì)算值,即使祖先元素的計(jì)算為也是如此。 塊級(jí)元素基本概念 塊級(jí)元素:是一個(gè)水平流上只能單獨(dú)顯示一個(gè)元素,多個(gè)塊級(jí)元素則換行顯示。 塊級(jí)元素和display 為 block 的元素不是一個(gè)概念。 每...
摘要:元素層疊順序補(bǔ)充說明位于最下面的特指層疊上下文元素后面會(huì)詳解的邊框和背景色。界中可能有其他的層疊結(jié)界,而自身也可能處于其他層疊結(jié)界中。 上一篇:《CSS世界》筆記四:流的保護(hù)與破壞 寫在前面 《CSS世界》這本書還剩六章,但是這本書的精華部分主要是前面的內(nèi)容,這里僅把后面章節(jié)相對(duì)重要的內(nèi)容以博客展示,想著了解更多的小伙伴還是去閱讀原文的好,畢竟三百多頁的一本書并不是小小幾篇博客能完全說...
摘要:一流體布局引出的幾種網(wǎng)頁布局方式布局方式描述特點(diǎn)場景靜態(tài)布局,傳統(tǒng)設(shè)計(jì),網(wǎng)頁上的所有元素的尺寸一律使用作為單位。世界中,提出了流體布局的概念所謂流體布局,指的是利用元素流的特性實(shí)現(xiàn)的各類布局效果。 下一篇:《CSS世界》筆記二:盒模型四大家族 寫在前面 初讀《CSS世界》還是在深圳,屬于換工作前的充能。那時(shí)候除了工作,其他時(shí)間基本都在這本書里了,因?yàn)樗拇_吸引人。之前看過《CSS揭密》...
摘要:基本上,等高布局只能滿足欄的情況,除非正好是等比例的,那還可以使用實(shí)現(xiàn)最多欄布局上一篇世界筆記一流元素尺寸下一篇世界筆記三內(nèi)聯(lián)元素與對(duì)齊 上一篇:《CSS世界》筆記一:流/元素/尺寸下一篇:《CSS世界》筆記三:內(nèi)聯(lián)元素與對(duì)齊 寫在前面 在讀《CSS世界》第四章之前,粗淺的認(rèn)為盒模型無非是margin/border/padding/content而已,再多無非在不同box-sizing...
摘要:和可以看作是同父異母的兄弟關(guān)系。例子如下結(jié)果如下而父元素設(shè)置屬性的方式則是利用了的特性下面將會(huì)詳細(xì)講解結(jié)界全稱為,中文為塊級(jí)格式化上下文。 上一篇:《CSS世界》筆記三:內(nèi)聯(lián)元素與對(duì)齊下一篇:《CSS世界》筆記五:CSS層疊規(guī)則及元素隱藏 寫在前面 原本博客名為浮動(dòng)與定位,但是《CSS世界》第六章節(jié)的內(nèi)容不僅有浮動(dòng)定位,很大一部分篇幅都在講BFC和overflow。更吸引人的是,作者將...
閱讀 2076·2021-11-11 16:54
閱讀 1053·2021-10-12 10:12
閱讀 392·2019-08-30 15:43
閱讀 655·2019-08-29 13:15
閱讀 1085·2019-08-29 13:12
閱讀 1537·2019-08-26 12:09
閱讀 1667·2019-08-26 10:24
閱讀 2274·2019-08-26 10:15