當樣式需要應用於很多頁面時,外部樣式表將是理想的選擇在使用外部樣式表的情況下可以通過改變乙個檔案來改變整個站點的外觀
每個頁面使用 標籤鏈結到樣式表 標籤在文件的頭部(head)
rel="stylesheet"
type="text/css"
href="mystyle.css" />
head>
外部樣式表可以在任何文字編輯器中進行編輯,檔案不能包含任何的 html 標籤,樣式表應該以 .css 副檔名進行儲存
注意:樣式表的屬性值和單位之間不允許有空格
hr
pbody
當單個文件需要特殊的樣式時,就應該使用內部樣式表
你可以使用style標籤在文件頭部定義內部樣式表
type="text/css">
hr p
body
style>
head>
要使用內聯樣式,需要在相關的標籤內使用樣式(style)屬性
如果某些屬性在不同的樣式表中被同樣的選擇器定義,那麼屬性值將從更具體的樣式表中被繼承過來
p
padding屬性宣告背景色將在文字外進行外延,background-color屬性不能繼承
body
屬性值repeat將在x和y方向上都進行重複
屬性值repeat-x或者repeat-y則只在x或者y方向上進行重複
body
為background-position提供屬性值有多種方法
a.使用關鍵字
根據規範,位置關鍵字可以按任何順序出現,只要保證不超過兩個關鍵字 - 乙個對應水平方向,另乙個對應垂直方向
如果只出現乙個關鍵字,則認為另乙個關鍵字是 center
b.使用百分數
百分數同時作用於元素與影象,例如
body
將會把影象的aa%,bb%與元素的aa%,bb%處對齊
如果只提供乙個百分數值,所提供的這個值將用作水平值,垂直值將假設為 50%
c.使用長度值
長度值解釋的是元素內邊距區左上角的偏移,偏移點是影象的左上角
background-position
:50px 100px;
background-attachment預設屬性是scoll,背景會隨著網頁滾動而滾動將其設定為fixed會防止這種滾動
css提供了text-indent屬性進行文字縮排
例如常用的首行縮排
p
如果使用負值可以進行懸掛縮排,不過可能造成文字超出網頁顯示範圍之外,所以可以設定乙個外邊距或者內邊距
p
text-indent也可以使用百分數值作為屬性值,縮排為父元素的百分長度
注意:text-indent屬性可以繼承
使用text-align屬性設定文字水平對齊
text-align預設屬性值為left
某些文字可能從右往左書寫,可以使用right屬性值
middle將居中對齊
text-align: justify進行兩端對齊,寬度為父元素的內邊框
通過word-spacing和letter-spacing屬性更改字間距和字母間距
兩者的預設值均為0
p
.spread
p.spread
text-transform 屬性處理文字的大小寫
屬性值說明
none
預設值 不進行改動
uppercase
全部大寫
lowercase
全部小寫
capitalize
僅單詞首字母大寫
text-decoration屬性提供五個值
屬性值說明
none
關閉元素上所有裝飾
underline
下劃線overline
上劃線line-through
貫穿線(刪除線)
blink
文字閃爍
可以在乙個規則中結合多種裝飾
a
:link
a:visited
text-decoration 值會替換而不是累積起來,所以如果兩個不同的裝飾都與同一元素匹配,勝出規則的值會完全取代另乙個值
white-space屬性確定對原始檔中空格及換行的處理,總結如下
屬性值空格
換行自動換行
pre-line
合併保留
允許normal
合併忽略
允許nowrap
合併忽略
不允許pre
保留保留
不允許pre-wrap
保留保留
允許direction 屬性有兩個值:ltr 和 rtl
大多數情況下,預設值是 ltr,顯示從左到右的文字
如果顯示從右到左的文字,應使用值 rtl
Python學習筆記 DAY 3
1.集合 集合是乙個無序的,不重複的資料組合,它的主要作用 去重 關係測試 list 1 set 1,3,5,7,9,4,6,list 2 set 2,4,5,6,8,10 print list 1.union list 2 print list 1.difference list 2 print ...
Python學習筆記DAY3 函式
關於函式,程式設計 少的了函式,python裡的函式呢,使用def 來定義,如下例子 def fun print 這是乙個函式 用def來定義,下面縮排的為函式體,呼叫的話直接呼叫函式名來實現。提到函式自然會想到引數,python裡的引數很靈活,很神奇。首先,引數是乙個變數,所以呢,元組自然是不能用...
Python基礎學習筆記 Day 3
程式有三種基本結構組成 1.順序結構 2.分支結構 3.迴圈結構 if 條件 語句 判斷使用者輸入數字的奇偶性 s eval input 請輸入乙個整數 if s 2 0 print 這是乙個偶數!print 您輸入的數是 s 判斷使用者輸入的數字的特性 s eval input 請輸入乙個整數 i...