知識點 2023年9月25日

2021-08-08 18:11:57 字數 1247 閱讀 5154

百分數值是相對於其父元素的 width 計算的,這一點與外邊距一樣。所以,如果父元素的 width 改變,它們也會改變。

下面這條規則把段落的內邊距設定為父元素 width 的 10%:

p

例如:如果乙個段落的父元素是 div 元素,那麼它的內邊距要根據 div 的 width 計算:

this paragragh is contained within

a div that has a width of

200 pixels.

div>注意:上下內邊距與左右內邊距一致;即上下內邊距的百分數會相對於父元素寬度設定,而不是相對於高度

如果希望顯示某種邊框,就必須設定邊框樣式,比如 solid 或 outset。

如果把 border-style 設定為 none,即使自己設定了邊框的寬高屬性,也會自動變為0

由於 border-style 的預設值是 none,如果沒有宣告樣式,就相當於 border-style: none。因此,如果希望邊框出現,就必須宣告乙個邊框樣式。

有時,我們會輸入一些重複的值:

p

通過值複製,您可以不必重複地鍵入這對數字。上面的規則與下面的規則是等價的:

p

這兩個值可以取代前面 4 個值。這是如何做到的呢?css 定義了一些規則,允許為外邊距指定少於 4 個值。規則如下:

下圖提供了更直觀的方法來了解這一點:

換句話說,如果為外邊距指定了 3 個值,則第 4 個值(即左外邊距)會從第 2 個值(右外邊距)複製得到。如果給定了兩個值,第 4 個值會從第 2 個值複製得到,第 3 個值(下外邊距)會從第 1 個值(上外邊距)複製得到。最後乙個情況,如果只給定乙個值,那麼其他 3 個外邊距都由這個值(上外邊距)複製得到。

例如:

h1

/* 等價於 0.25em 1em 0.5em 1em */

h2 /* 等價於 0.5em 1em 0.5em 1em */

p /* 等價於 1px 1px 1px 1px */

2023年9月25日日誌

多一些用心,少一些套路,兩天的銷售培訓收穫很多,雖然這些內容已經聽過無數遍了,但是再一次聆聽的時候的仍然還是拿出自己於汪老師所講進行對比,思考還有哪些沒有做到位的。今天與四樓小白兔牙科的溝通,相關的施工工作將從明日開始,首先與小白兔的裝修商配合進行弱電類的走線,最近一段時間的於客戶的銷售溝通工作占用...

2023年2月25日手記

由於這幾個星期太忙所以一直沒時間更新自己的微博,為自己沒有做到堅持一天一更而感到羞愧留,好吧 先說下昨天剛了解到的知識點吧1.內聯元素2.css命名的權重問題。好了我先來聊一聊內聯元素的問題。1.據我了解,元素分為塊級元素和內聯元素 1.內聯元素中的內容都是在同一行內的,不分行 2.裡面的內容不能是...

2023年2月9日 實習日記

今天在將在ubuntu上配置的環境在rhel上重新進行配置,並找出其中存在的問題。說實話這也是我第一次接觸rhel。首先做乙個啟動盤 工具ultraiso iso兩個 get from intel rhel 7.3 20161019.0 server x86 64 boot.iso rhel 7.3...