CSS應注意的基本知識

2021-08-01 14:17:41 字數 1356 閱讀 1817

即塊的頂部外邊距和底部外邊距有時被組合(摺疊)為單個外邊距,其大小是組合到其中的最大外邊距,這種行為稱為外邊距塌陷(margin collapsing),有的地方翻譯為外邊距合併。具體分三種情況:

相鄰的兄弟姐妹元素

這個段落的下外邊距被合併...

...這個段落的上外邊距被合併。

可以看見,外邊距為兩者中的較大者,而不是求和

2. 當乙個元素包含在另乙個元素中時(假設沒有內邊距或邊框把外邊距分隔開),它們的上和/或下外邊距也會發生合併。

外邊距被合併

斷詞換行

word-break: keep-all;

word-wrap: break-word;

多出內容省略號表示

webpack supports pre-processing files via loaders. this allows you to bundle any static 

p

當你需要在較大解析度下得到固定寬度,用max-width

為替換元素img/object/video/iframe設定max-width:100%

background-color: #000;

background-image: url(images/bg.gif);

background-repeat: no-repeat;

background-position: top right;

簡寫

background: #000 url(images/bg.gif) no-repeat top right;
font-style: italic;

font-weight: bold;

font-size: .8em;

line-height: 1.2;

font-family: arial, sans-serif;

簡寫

font: italic bold .8em/1.2 arial, sans-serif;
/*清除浮動*/

.clearfix:after

.clearfix

命名規範**

/* footer /

內容區/ end footer */

id的命名:

頁面結構

導航 功能

CSS基本知識

選擇符表示要定義樣式的物件,可以是元素本身,也可是一類元素或制定名稱的元素 在css選擇符中,大致可有10種 類選擇符 id選擇符 class選擇符 萬用字元 群組選擇符 包含選擇符 偽類選擇符 偽物件選擇符 關於選擇符的權重問題,css中用四位數來表示權重,權重的表示式如0000 在這裡特別要注意...

CSS 基本知識

html示例 塊級元素 display block 每個塊級元素佔一行,多個塊級元素上下堆疊顯示,它的寬度預設為父元素的寬度,高度由它的內容高度決定 內容撐開 塊級元素有 6級標籤 段落 有序列表 列表項 等等行內元素 display inline 多個行內元素在一行內顯示,當同一行寬度不夠時,才到...

CSS基本知識

css又名層疊樣式表 英文全稱 cascading style sheets 是一種用來表現html 標準通用標記語言的乙個應用 或xml 標準通用標記語言的乙個子集 等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化 css 能夠對網頁中元素...