尺寸與框模型
尺寸:width
height
overflow:visible|hidden|scroll|auto當內容溢位元素框時如何處理
邊框:border:widthstyle color 當然也可以通過border-left|right|top|bottom進行單邊定義,通過border-width,border-style,border-color進行單屬性定義。
框模型:
框模型(box model)定義了元素框處理元素內容、內邊距、邊框和外邊框的方式。
內邊距padding: 內容與框線之間的距離
背景色
background-color 為元素設定背景色
background-image:url(…) 背景
background-repeat:repeat|repeat-x|repeat-y|no-repeat 預設情況下,背景影象在水平和垂直方向上重複出現,可以設定其重複方向
background-position 改變影象在背景中的位置(center設定居中)
background-attachment:scroll|fixed 背景的固定。預設情況下,背景會隨著頁面的滾動而滾動,fixed可以設定背景固定,常用於實現稱為水印的影象。
文字格式化
font-family:value1, value2
font-size:value
font-weight
color:value 文字顏色
text-align:left|right|center 文字排列
text-decoration:none/underline
line-height:value 行高
text-indent 首行文字縮排
CSS基礎 背景樣式與盒子模型
在我們的程式設計過程中,經常不光會使用到設定字型樣式,還會用到設定背景顏色,背景等樣式,今天我們就來學習一下關於背景的樣式設定 1.背景顏色 background color 顏色這個屬性我們為我們的標籤設定背景顏色,其中我們有三種屬性值的書寫方式 1.預定義的顏色表示 red,blue,green...
CSS學習 CSS 框模型 Box Model
所有html元素可以看作盒子,在css中,box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括 邊距,邊框,填充,和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了框模型 box model 不同部分的說明 ...
CSS模型框學習筆記
css模型框概述 css框模型規定了元素框處理元素內容 內邊距 邊框 外邊距的方式 一般所指的width height說的是元素內容的寬和高,外邊距預設是透明的,不會遮擋其後面的元素,而一般所說的背景是指內容和內邊距所形成的區域,內邊距 邊框和外邊距可以應用於乙個元素的所有邊,也可以應用於單獨的邊,...