今日css筆記

2021-10-23 20:32:02 字數 2191 閱讀 6332

顏色

rgb (red greed blue)(0,10,256)

#0010ff

css中顏色的表示方法

(1) 預定義顏色:blue,red,black…

(2)十六進製制顏色:#0f0f0f

(3)rgb顏色(128,0,0)全紅

(4)rgba,在rgb的基礎上又新增了表示透明的alpha

(5)his:用色調,飽和度,和透明度三個分量來表示顏色

(6)hsla:在hsl的基礎上又新增了表示透明的alpha

**實現:

style

="color

: blue;

">

預定義顏色p

>

style

="color

:rgb

(0,255,0)

">

rgb顏色p

>

style

="color

: #ff0000;

">

16進製制顏色p

>

背景相關屬性background-color:背景顏色

background-repeat:複製選項(repeat在水平,垂直兩個方向複製)

(repeat-x/y水平/垂直方向進行複製)

(no-repeat不複製)

background-position:所在位置 上 top 下 bottom 左 left 右

right

簡寫:將所有元素放在一起

尺寸相關屬性

固定高度與寬度(height:200px)

自適應高度(高度會根據內容的增加而增加)

指定最大高度max-height(內容增加到指定高度的時候就不會再增加)

指定最小高度min-height(開始時高度固定,內容增加到一定地步時開始增加高度)

顯示相關屬性

(1) visibility:hidden僅僅隱藏內容,該元素所佔位置依然存在

(2) display:none不僅僅隱藏內容,而且隱藏位置

display:inline將塊級元素以內聯元素形式顯示,此時寬、高等屬性對其無效

display:inline-block將塊級元素以內聯元素形式顯示並且具有塊級元素的特徵,寬、高屬性依然有效

display:block將內聯元素以塊級元素的形式展出

盒子模型

margin:外邊距

margin-top(上)margin-bottom(下)margin-left(左)margin-right(右)

使用方式

(1) margin:30px,表示上下左右外邊距都設定30px

(2) margin-left:30px,表示設定距離左方30px

(3) margin:10px 20px 10px 20px 分別設定上右下左四個邊距,順序按照順時針方向

(4) margin:20px 30px 分別設定上下邊距為20px,左右邊距為30px

padding:內邊距

與margin類似 上下左右

border:邊框

如果想讓兩個盒子在一行內,那麼兩個盒子都要浮動(float)並且給它們的父類清除浮動(overflow: hidden;)

什麼是父類:

box是div1和div2的父類

sl今日筆記

關於sl上傳檔案 開始以為sl3不支援 tcp 後來公升級到sl5 跨域 需要 sl跨域策略檔案clientaccesspolicy.xml 也可以是flash跨域策略檔案crossdomain.xml sl5瀏覽器內允許提公升信任即可不要策略檔案 sl4及之後可以oob basic上傳成功 比較順...

今日學習筆記

1,例項化物件時候,括號主要是為了傳入引數。如果建構函式有引數就必須要括號,如果沒有引數,加不加括號效果都相同。arr arr 0 a arr 1 b jsonstr json encode arr echo jsonstr echo echo json encode arr,json force ...

今日學習筆記

關於spring boot專案利用集群模式部署的問題 redis 簡介 redis優勢 開啟資料夾,內容如下 開啟乙個cmd視窗 使用 cd 命令切換目錄到c redis執行 redis server.exe redis.windows.conf 如果想方便的話,可以把 redis 的路徑加到系統的...