亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

學習 day4 html 盒子模型

?xiaoxiao, / 507人閱讀

盒子模型

1.框模型

框：頁面上所有元素都可以稱為“框”

框模型：（BOX Model）,又稱盒子模型

定義框處理元素內(nèi)容、內(nèi)邊距padding、外邊距margin、邊框的樣式border

?

外邊距margin

margin-方向:
?? ??? ?margin-left:
?? ??? ?margin-right:
?? ??? ?margin-top:
?? ??? ?margin-bottom:

不定義方向?一個值 默認四個方向一樣；? 兩個值? 第一個? 左右?? 第二個? 上下 ； 三個不常見 ；? 四個值? 左? 上?? 右??? 下?

左右外邊距設(shè)置為auto時，當前的塊級元素會居中顯示

內(nèi)邊距padding

padding-方向:

??????? padding-left
?? ???? padding-right:
?? ???? padding-top:
?? ???? padding-bottom:

不定義方向?一個值 默認四個方向一樣；? 兩個值? 第一個? 左右?? 第二個? 上下 ； 三個不常見 ；? 四個值? 左? 上?? 右??? 下

邊框的樣式border

border-方向:

? 　　border-left
?? ???? border-right:
?? ???? border-top:
?? ???? border-bottom:

不定義方向?一個值 默認四個方向一樣；? 兩個值? 第一個? 左右?? 第二個? 上下 ； 三個不常見 ；? 四個值? 左? 上?? 右??? 下

注意：
1.有些塊級元素會存在默認外邊距?? 如? body?? h1~h6?? p
2、垂直外邊距合并
?? ?兩個垂直外邊距相遇時，將會合成一個外邊距。最終外邊距的值是兩者中 邊距較大的的值。

3、背景圖片
?? ?屬性：background-image
?? ?取值：url(圖像路徑)
?? ??? ?background-image:url("");

1、背景重復
?? ??? ?默認情況，背景圖會在水平和垂直兩個方向都出現(xiàn)重復的效果(平鋪)
?? ??? ?屬性：background-repeat
?? ??? ?取值：
?? ??? ?repeat ：默認值，水平垂直平鋪
?? ??? ?repeat-x : 水平平鋪
?? ??? ?repeat-y : 垂直平鋪
?? ??? ?no-repeat : 不平鋪（用的最多）
2、背景圖片固定
?? ?屬性：background-attachment
?? ?取值：

?? ?fixed，背景圖像固定
??? 3、背景定位
?? ?改變背景圖像在元素中的位置
?? ?屬性：background-position
?? ?取值：
?? ?x y :x表示水平方向移動距離，+向右，-向左，y表示垂直方向移動距離，+向下，-向上
?? ?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、小型大寫字母?? 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)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/1075.html

相關(guān)文章

  • 100天搞定機器學習|Day4-6 邏輯回歸

    摘要：而邏輯回歸對于這樣的問題會更加合適。也就是說，邏輯回歸是用來得到樣本屬于某個分類的概率。這樣構(gòu)造的損失函數(shù)是合理的，并且它還是一個凸函數(shù)，十分方便求得參數(shù)，使得損失函數(shù)達到最小。然后導入邏輯回歸類。 邏輯回歸avik-jain介紹的不是特別詳細，下面再嘮叨一遍這個算法。 1.模型 在分類問題中，比如判斷郵件是否為垃圾郵件，判斷腫瘤是否為陽性，目標變量是離散的，只有兩種取值，通常會編碼為...

    qujian 評論0 收藏0

  • 盒子模型淺析

    摘要：上篇文章總結(jié)了塊級元素和行內(nèi)元素這篇文章總結(jié)了有關(guān)盒子模型的知識，助于梳理知識首先，什么是盒子模型我們知道，文檔中，基本上每個元素都可以看作一個盒子，我們稱之為盒子模型。在盒子模型中我們設(shè)置的指的是盒子真實占有寬高即如的寬高。上篇文章總結(jié)了塊級元素和行內(nèi)元素 這篇文章總結(jié)了有關(guān)盒子模型的知識，助于梳理知識 首先，什么是盒子模型我們知道，html文檔中，基本上每個元素都可以看作一個盒子，我們稱...

    番茄西紅柿 評論0 收藏0

  • DIV+CSS學習筆記總結(jié)篇

    摘要：每個列表項始于標簽。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理。標簽的屬性應(yīng)當與相關(guān)元素的屬性相同。姓名性別姓名性別單元格標簽可以定義表格中的一個單元格，表示一個單元格。 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位： web前端開發(fā)工程師 web網(wǎng)站架構(gòu)師 自己創(chuàng)業(yè) 轉(zhuǎn)崗管理或其他 web前端開發(fā)的前景展望： 未來IT行業(yè)企業(yè)需求...

    iOS122 評論0 收藏0

  • DIV+CSS學習筆記總結(jié)篇

    摘要：每個列表項始于標簽。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關(guān)的處理。標簽的屬性應(yīng)當與相關(guān)元素的屬性相同。姓名性別姓名性別單元格標簽可以定義表格中的一個單元格，表示一個單元格。 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位： web前端開發(fā)工程師 web網(wǎng)站架構(gòu)師 自己創(chuàng)業(yè) 轉(zhuǎn)崗管理或其他 web前端開發(fā)的前景展望： 未來IT行業(yè)企業(yè)需求...

    HackerShell 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<