知了堂學習筆記 CSS樣式整理(一)

2022-09-18 17:12:09 字數 1862 閱讀 8774

height、width

在height、width屬性中使用%值,需要對包含它的塊級物件設定寬高,否則height、width屬性設定無效。因為%是基於包含它的塊級物件的百分比高度。

無效:

有效:

paading、margin

1.使用paading、margin外補白在已知單個子元素寬高情況下實現居中效果

2.在居中的基礎上配合border、border-radius,實現按鈕效果

按鈕效果:

border:1px(設定物件邊框寬度為1px)solid(設定物件邊框樣式為實線) blue(設定物件邊框顏色為blue)

2.利用boder繪製三角形

設定寬高時:

不設定寬高時:

利用transparent將右下左的顏色設定為透明:

2.background-repeat平鋪方式

3.background-origin背景影象開始顯示的區域

border-box:從border區域(含border)開始顯示背景影象

padding-box從padding區域(含padding區域)開始顯示背景影象

content-box從content區域開始顯示背景影象

4.background-clip背景開始剪下的區域(注意不同於background-origin背景顏色也會一同被剪下)

border-box

padding-box

content-box

5.background-size背景影象大小

cover等比例縮放到完全覆蓋容器,背景有可能超出容器

contain背景影象等比例放縮到寬度或者高度與容器的寬度或者高度相同,背景影象始終被包含在容器裡

font

1.font-style

2.font-weight

3.font-family

2018/2/08

知了堂有溫度的大學生眾籌學習社群

知了堂學習筆記 執行緒2

1.執行緒的狀態 new thread 執行緒被建立 執行緒可執行狀態,搶到cpu才是真正的執行狀態 執行過程中cpu被搶 sleep wait 阻塞 結束 執行緒自動執行完 推薦 標誌位 2.執行緒的常用方法 sleep 執行緒休眠 讓出cpu,不讓出鎖 interrupt 打斷執行緒的sleep...

知了堂學習筆記 執行緒同步

鎖 保護資源 資源 衛生間 執行緒 上衛生間的人 鎖 衛生間的門 一把鎖只有一把鑰匙 只有執行完被鎖住的程式塊鑰匙才能被釋放 鎖保護誰 成員屬性 靜態成員屬性 鎖有幾種 this 當前物件的鎖 package thread public class thread 6 thread t2 new th...

知了堂學習筆記 String的建立過程 第一章

第一章 我們知道字元有兩種初始化方式 string s1 abc string s2 new string def 這兩種有什麼區別呢?這時就需要我們看看string的在記憶體中是怎麼儲存的了。我們先看下面的圖了解其在內存在是怎麼儲存的 首先是 string s1 abc 它首先會去常量池去檢查是否...