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