CSS DIV之強化border屬性

2021-04-30 08:22:10 字數 1060 閱讀 4702

在網易首頁改版過程中,在div層套入border邊框是最常用的,它就像如同**,可以將樣式、文字、包裝起來。border邊框屬性主要學習邊框風格屬性(border-style)、邊框寬度屬性(border-width)、邊框顏色屬性(border-color),這三個屬性可以對整個邊框或者單邊框架多樣化設定。通過解剖學習的方法,將每一種屬性分解出來,更好將基本屬性學到位,學會簡單的運用。

1.邊框風格屬性(border-style),用來設定上下左右邊框的風格,具體引數值有:

none (沒有邊框)、dotted (點線式邊框)、dashed (破折線式邊框)、solid (直線式邊框)、double (雙線式邊框)、groove (槽線式邊框)、ridge(脊線式邊框)、inset (內嵌效果的邊框)、outset (突起效果的邊框),下面以最為常用的直線式邊框為例,**參考寫法如下:

2.邊框寬度屬性(border-width),用來設定上下左右邊框的寬度,具體引數值有:

medium (是預設值)、thin (比medium細)、thick (比medium粗)、用長度單位定值;可用絕對長度單位(cm, mm, in, pt, pc)或者用相對長度單位 (em, ex, px)。我比較喜歡用px的單位。以直線式1畫素邊框為例,**參考寫法如下:

3.邊框顏色屬性(border-color),

將這些三個屬性分解出來應該很簡單的,最後乙個屬性示例很容易將前面兩個屬性結合了。其實那樣的寫法過於詳細,可用綜合寫法對其**簡化。

以上border邊框屬性是上下左右四個邊框統一設定,當然也可分開設定。如右邊框,只要將引數值變為:border-right, border-right-width, border-right-style, border-right-color。現舉例如下,同樣運用綜合寫法,

強化border屬性,這是我自學時覺得應該掌握一些基礎性的知識,因為這些**最關鍵還是要學會運用,光看**是沒有用的,要學會自己去寫**,去發現其中錯誤的寫法,糾正一些常規的寫法,這樣才能加快手工寫入**的程序。下一課時,準備分享一些font屬性個人學習筆記的心得!

CSS深入理解之border

總結自慕課網 個人理解 width屬性具有繼承性,假設父元素100px 子元素設定50 則為50px 而border width不具有繼承性,如果使用百分比,瀏覽器解析時應該向誰作為參考物件呢,所以只能用指定大小來確定。類似不支援百分比的有 outline,border shadow,text sh...

強化學習之Q learning

三要素 狀態 state 動作 action 獎賞 reward 更具具體情況自行進行給定。q更新公式 q是什麼?動作效用函式 action utility function 用於評價在某一狀態下採取某個動作的優劣。如果q訓練好了,之後 時就可以按照q進行選擇動作。詳解q更新函式 是學習速率 是折扣...

強化學習之概述

面向智慧型體的學習 通過與乙個環境進行互動來實現目標 通過試錯和優化進行學習 用試錯後的獎勵 或懲罰 進行學習 監督學習本質上可以認為是強化學習的一種特殊形式 無延遲場景 強化學習更貼近人類的學習過程 強化學習可能是通往通用人工智慧的道路,目前人工智慧都是弱人工智慧 強化學習整體結構由環境,智慧型體...