前端css屬性難點

2021-07-28 23:19:42 字數 844 閱讀 3109

text-transform:uppercase;有何用?

margin:0.5em 0中的em與px有什麼區別?

overflow:hidden有什麼用?

vertical-align: top;什麼意思?

font: inherit;什麼意思?

cursor:pointer;

關於元素局中問題

如何使用css讓div居中顯示,讓div水平居中有哪些css樣式呢?

需要的主要css**有兩個,乙個為text-align:center(內容居中),另外乙個為margin:0 auto;其兩個樣式需要配合使用才能實現div盒子的居中顯示排版。

首先我們對body設定text-align:center,再對需要居中的div盒子設定css樣式margin:0 auto,這樣即可讓對應div水平居中。

水平局中

利用css進行元素的水平居中,比較簡單,行級元素設定其父元素的text-align為 center,塊級元素設定其本身的l左右margins為auto即可(如:margin:0 atuo)

同學們:我還是不明白,為啥border-bottom加了下邊框,邊框卻錯位了,加上overflow:auto卻好了

首先我們要知道,在之前,我們設定了li是浮動的,也就是說,它脫離了文件流(脫離了ul),是飄起來的,所以border-bottom加了下邊框卻沒有在li下面;當加上overflow:auto後,可以理解為將浮動的元素又重新包裹在它的父級元素裡,所以設定下邊框出現在li底部。

前端常用重難點總結之css篇

今天天氣不錯,心情也一掃陰霾,人生的路,有的時候越走越窄,有的時候越走越多,但是,每一次選擇,便注定意味著無數的錯過,我們應該珍惜每一場相逢,把握好每乙個機會,不向命運低頭。廢話不多說,css篇參上。css篇 1 基礎 1 選擇器概念的理解以及css規則命名慣例 2 三種機制 繼承 層疊 特指 3 ...

python前端篇 CSS屬性

1.文字屬性 1.font family 2.font size 3.font weight 4.color 1.rgb 255,255,255 2.f00 3.red 4.rgba 2.文字屬性 1.text align 2.text decoration 3.背景屬性 1.background ...

Web前端 CSS背景屬性

3.背景屬性簡寫 background color red 1 設定背景background image url 路徑 設定背景,指定路徑,如果路徑 現中文或空格,需要加引號 2 設定背景的重複方式 如果元素尺寸大於尺寸,會自動重複平鋪,直至鋪滿整個元素 如果元素尺寸小於尺寸,預設從元素左上角開始顯...