資訊專欄INFORMATION COLUMN
盒子模型
1.框模型
框：頁(yè)面上所有元素都可以稱為“框”
框模型：（BOX Model）,又稱盒子模型
定義框處理元素內(nèi)容、內(nèi)邊距padding、外邊距margin、邊框的樣式border
?
外邊距margin
margin-方向:
?? ??? ?margin-left:
?? ??? ?margin-right:
?? ??? ?margin-top:
?? ??? ?margin-bottom:
不定義方向?一個(gè)值 默認(rèn)四個(gè)方向一樣；? 兩個(gè)值? 第一個(gè)? 左右?? 第二個(gè)? 上下 ； 三個(gè)不常見(jiàn) ；? 四個(gè)值? 左? 上?? 右??? 下?
左右外邊距設(shè)置為auto時(shí)，當(dāng)前的塊級(jí)元素會(huì)居中顯示
內(nèi)邊距padding
padding-方向:
??????? padding-left
?? ???? padding-right:
?? ???? padding-top:
?? ???? padding-bottom:
不定義方向?一個(gè)值 默認(rèn)四個(gè)方向一樣；? 兩個(gè)值? 第一個(gè)? 左右?? 第二個(gè)? 上下 ； 三個(gè)不常見(jiàn) ；? 四個(gè)值? 左? 上?? 右??? 下
邊框的樣式border
border-方向:
? border-left
?? ???? border-right:
?? ???? border-top:
?? ???? border-bottom:
不定義方向?一個(gè)值 默認(rèn)四個(gè)方向一樣；? 兩個(gè)值? 第一個(gè)? 左右?? 第二個(gè)? 上下 ； 三個(gè)不常見(jiàn) ；? 四個(gè)值? 左? 上?? 右??? 下
注意：
1.有些塊級(jí)元素會(huì)存在默認(rèn)外邊距?? 如? body?? h1~h6?? p
2、垂直外邊距合并
?? ?兩個(gè)垂直外邊距相遇時(shí)，將會(huì)合成一個(gè)外邊距。最終外邊距的值是兩者中 邊距較大的的值。
3、背景圖片
?? ?屬性：background-image
?? ?取值：url(圖像路徑)
?? ??? ?background-image:url("");
1、背景重復(fù)
?? ??? ?默認(rèn)情況，背景圖會(huì)在水平和垂直兩個(gè)方向都出現(xiàn)重復(fù)的效果(平鋪)
?? ??? ?屬性：background-repeat
?? ??? ?取值：
?? ??? ?repeat ：默認(rèn)值，水平垂直平鋪
?? ??? ?repeat-x : 水平平鋪
?? ??? ?repeat-y : 垂直平鋪
?? ??? ?no-repeat : 不平鋪（用的最多）
2、背景圖片固定
?? ?屬性：background-attachment
?? ?取值：
?? ?fixed，背景圖像固定
??? 3、背景定位
?? ?改變背景圖像在元素中的位置
?? ?屬性：background-position
?? ?取值：
?? ?x y :x表示水平方向移動(dòng)距離，+向右，-向左，y表示垂直方向移動(dòng)距離，+向下，-向上
?? ?x% y% :
?? ?0% 0% : 顯示在元素的左上方
?? ?100% 100% : 顯示在元素的右下方
?? ?50% 50% : 居中
?? ?left :靠左
?? ?right:靠右
?? ?center :將元素顯示在水平或垂直方向的中間
?? ?top:靠上
?? ?bottom:靠下
?? ?background-position:left top;
?? ?background-position:top left;
?? ?background-position:center;
4、文本格式化????
?? ?
?? ?1、指定字體
?? ?font-family：選擇字體格式
?? ?font-family:"microsoft yahei","arial","verdana";
?? ?2、字體大小
?? ?font-size:value;??
?? ?
?? ?font-size:12px;
?? ?3、字體加粗????? normal正常??
?? ?font-weight:normal / bold ; ?
?? ?400 - 900
?? ?4、字體樣式(斜體)?? i
?? ?font-style:normal/italic;
?? ?5、小型大寫(xiě)字母?? font-variant字體型狀
?? ?font-variant:normal/small-caps;
?? ?6、字體屬性
?? ?font:font-style font-variant font-weight font-size font-family;
?? ?常用方式：
?? ?font:font-size font-family;
?? ?font:12px "微軟雅黑",arial,verdana;
?
?
?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1075.html
摘要：而邏輯回歸對(duì)于這樣的問(wèn)題會(huì)更加合適。也就是說(shuō)，邏輯回歸是用來(lái)得到樣本屬于某個(gè)分類的概率。這樣構(gòu)造的損失函數(shù)是合理的，并且它還是一個(gè)凸函數(shù)，十分方便求得參數(shù)，使得損失函數(shù)達(dá)到最小。然后導(dǎo)入邏輯回歸類。 邏輯回歸avik-jain介紹的不是特別詳細(xì)，下面再嘮叨一遍這個(gè)算法。 1.模型 在分類問(wèn)題中，比如判斷郵件是否為垃圾郵件，判斷腫瘤是否為陽(yáng)性，目標(biāo)變量是離散的，只有兩種取值，通常會(huì)編碼為...
摘要：上篇文章總結(jié)了塊級(jí)元素和行內(nèi)元素這篇文章總結(jié)了有關(guān)盒子模型的知識(shí)，助于梳理知識(shí)首先，什么是盒子模型我們知道，文檔中，基本上每個(gè)元素都可以看作一個(gè)盒子，我們稱之為盒子模型。在盒子模型中我們?cè)O(shè)置的指的是盒子真實(shí)占有寬高即如的寬高。上篇文章總結(jié)了塊級(jí)元素和行內(nèi)元素 這篇文章總結(jié)了有關(guān)盒子模型的知識(shí)，助于梳理知識(shí) 首先，什么是盒子模型我們知道，html文檔中，基本上每個(gè)元素都可以看作一個(gè)盒子，我們稱...
摘要：每個(gè)列表項(xiàng)始于標(biāo)簽。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。標(biāo)簽的屬性應(yīng)當(dāng)與相關(guān)元素的屬性相同。姓名性別姓名性別單元格標(biāo)簽可以定義表格中的一個(gè)單元格，表示一個(gè)單元格。 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位： web前端開(kāi)發(fā)工程師 web網(wǎng)站架構(gòu)師 自己創(chuàng)業(yè) 轉(zhuǎn)崗管理或其他 web前端開(kāi)發(fā)的前景展望： 未來(lái)IT行業(yè)企業(yè)需求...
摘要：每個(gè)列表項(xiàng)始于標(biāo)簽。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。標(biāo)簽的屬性應(yīng)當(dāng)與相關(guān)元素的屬性相同。姓名性別姓名性別單元格標(biāo)簽可以定義表格中的一個(gè)單元格，表示一個(gè)單元格。 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位： web前端開(kāi)發(fā)工程師 web網(wǎng)站架構(gòu)師 自己創(chuàng)業(yè) 轉(zhuǎn)崗管理或其他 web前端開(kāi)發(fā)的前景展望： 未來(lái)IT行業(yè)企業(yè)需求...
閱讀 3286·2021-11-24 09:38
閱讀 2158·2021-11-23 09:51
閱讀 1750·2021-10-13 09:39
閱讀 2624·2021-09-23 11:53
閱讀 1408·2021-09-02 15:40
閱讀 3660·2019-08-30 15:54
閱讀 1135·2019-08-30 13:04
閱讀 2566·2019-08-30 11:01
