2018 3 15自學筆記

2021-08-17 02:10:21 字數 2510 閱讀 9065

今天開始學習css了,簡直就是傳說中的css,css是個很神奇的東西,可以把乙個網頁由平淡無奇變得一鳴驚人,接下來我就分享一下今天學習的css知識

1.調整字型大小的4種方法

(1)用畫素精準的規定字型的大小

font-size:14px;
(2)用百分數表示字型應是另乙個字型的相對大小

font-size:150%;
一般這個參照物件是body的字型的大小,字型具有繼承性,要修改也是在body的基礎上

(3)用"em"指定比例因數,定義字型的大小

font-size:1.2em;
這個參照也是body,和百分數的用法差不多,當要把字型縮小時,用  .5em就行了,前面不用加0

(4)用關鍵字的方法

font-size:small;
2.定義顏色的3種方法

(1)用百分數表示三原色新增的比例

background-color:rgb(80%,40%,0%);
rgb是red,green,blue的縮寫,即上面的比例順序是紅色,綠色,藍色

(2)用0~255間的數字表示新增比例

background-color:rgb(204,102,0);
這種形式其實是將(1)中的百分比分別乘上250,得到的數就是對應的顏色值

(3)用十六進製制表示顏色

這種方法是最常見的,因為這個方法很簡單,真正有名字的顏色只有17種,而用十六進製制表示可以表示160萬種顏色

background-color:#cc6600;
這裡的#cc6600指的就是一種顏色,cc表示紅色的佔比,66表示綠色佔比,00表示藍色佔比

計算的方法是cc=16*12+12=204

66=6*16+6=102

00=0*16+0

十六進製制中的16個數對應的數字如下:

十六進製制對應表 0

1234

5678

9abc

def0

1234

5678

9101112

1314

15十六進製制相對於十進位制能表示更多的數

3.css盒模式

padding:補白

content:內容區

border:邊框

margin:邊界

這個圖看著可能有點兒不太理解,具體是這樣的,補白和邊界的區別是補白在邊框裡面,和內容區是一起的,而邊界在邊框的外面,除了內容區,其他部分都是可選的。可以將內容區,補白和邊框看作是乙個元素,因為在css中,將每個元素看成是乙個盒子,結構都一樣,而邊界就是每個元素接壤的地方,不屬於任何元素。

(1)設定補白的樣式

padding:   25px;
在左側新增補白

padding:  80px;
第二次新增補白會把第一次已經新增的覆蓋掉

(2)加入背景圖

background-img: url(的路徑);
這裡的路徑可以是相對路徑也可以是絕對路徑

設定背景影象的位置

background-position:top left;
也可以用畫素和百分比等進行設定

(3)設定邊界的樣式

margin: 30px;

margin-right: 80px;

(4)邊框的樣式

/*樣式*/

border-style:groove;

/*寬度*/

border-width: thin/medium/thick;

/*顏色*/

border-color: red;

樣式有很多種,如

groove:像凹進頁面裡

solid:一條實線

double:兩條線

outset:像頁面凸出來一樣

dotted:一系列的點

dashed:虛線

inset:嵌入到頁面中

ridge:凸出的邊界

寬度除了以上三種,還可以用畫素直接表示

顏色和背景顏色一樣,也有三種表示方法

4.使用多樣式表

乙個html可以鏈結多個css檔案,這樣是為了滿足不同群體的需求,一般都是從上往下排列,最下面的優先權最高

中的media屬性可以定義應用樣式表的裝置型別

這裡的screen(螢幕)可以換成print(印表機)或handheld(小螢幕和有限資訊速度的小裝置)

好了,今天的總結就到這兒了,有點兒多。

java thread自學筆記

執行緒有多種寫法。第一種是實現runnable介面。第二種是繼承thread類。第三種是直接寫runnable的實現方法。public class threadtest thread t new thread r t.run output foo t.start output foo try cat...

OC自學筆記

變數資料修飾 auto register extern static 預設auto int i 0 等於 auto int i 0 register高效變數 register int i 0 分配數量有限,跟系統有關,可能會降為auto extern全域性變數 extern int i 0 相同專案...

GEF自學筆記

gef模型 控制器完美分離模型跟檢視。但是控制器負擔重。於是gef通過請求和編輯策略及命令模式很好的解決了控制器的負擔。使每一部分保持最小的依賴。gef命令請求及響應流程如下。1.接收使用者操作,轉換成相應請求 2.控制器接收請求並把請求交由相應的編輯策略管理器處理 3.編輯策略管理器根據請求的請求...