今天開始學習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.編輯策略管理器根據請求的請求...