手把手教你寫CSS行內樣式與內聯樣式

2021-10-12 07:33:31 字數 812 閱讀 1412

style行內樣式表,寫在標籤內部;

行內樣式表裡面的屬性也是成對出現的,每一對屬性之間用分號分隔(英文的)。

學會了一些屬性如:

boder-radius,可以使按鈕的四個角變為圓弧;

text-decortation文字下劃線;

text-align文字的位置;

line-height行高等屬性;

下面是行內樣式表的寫法:

這一部分學習運用css和div將html區塊化,以下是做的乙個小練習

內聯樣式: 由於要將表現和內容混雜在一起,內聯樣式會損失掉樣式表的許多優勢。請慎用這種方法,例如當樣式僅需要在乙個元素上應用一次時。要使用內聯樣式,你需要在相關的標籤內使用樣式(style)屬性。

直接在元素上通過:style的形式,書寫樣式物件

將樣式物件,定義到data中,並直接引用到:style

data: 

}

:style中通過陣列,引用多個data上的樣式物件

data: ,

h1styleobj2:

}

手把手教你寫Undo Redo程式

手把手教你寫 undo redo程式 undo redo 操作是很多具體編輯功能的軟體所不能缺少的。最典型兩種型別就是文字編輯和影象編輯軟體。然而它的實現在某種程度上來說也不是很簡單。我也廢話少說。要在程式中支援 undo redo 操作,就需要儲存一些必要的資訊,這個是眾所周知的。如果想支援無限級...

手把手教你寫Undo Redo程式

手把手教你寫undo redo程式 undo redo操作是很多具體編輯功能的軟體所不能缺少的。最典型兩種型別就是文字編輯和影象編輯軟體。然而它的實現在某種程度上來說也不是很簡單。我也廢話少說。要在程式中支援undo redo操作,就需要儲存一些必要的資訊,這個是眾所周知的。如果想支援無限級的und...

手把手教你寫ORM(三)

昨天處於暈死狀態,少寫了乙個元件,還需要乙個元件用來專門管理cache的,這裡說道為什麼要分這麼多元件,其實這是習慣問題,很多人喜歡寫乙個很大的dll,不過我比較喜歡拆分,小粒度的專案比較好管理和單獨測試,把用單元測試驗證好了的小組件湊起來除錯和寫成乙個巨大的dll慢慢一行行的追蹤 肯定是前者更加舒...