css基礎學習 尺寸與框模型 背景色 文字

2021-07-25 18:44:54 字數 947 閱讀 1290

尺寸與框模型

尺寸: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說的是元素內容的寬和高,外邊距預設是透明的,不會遮擋其後面的元素,而一般所說的背景是指內容和內邊距所形成的區域,內邊距 邊框和外邊距可以應用於乙個元素的所有邊,也可以應用於單獨的邊,...