css設計模式 一

2021-05-27 22:32:12 字數 1062 閱讀 5880

1.背景模式

div
2.絕對定位模式

首先必須確定乙個祖先,這個祖先必須是已經定位的元素,然後在設定自己的定位模式為position:absolute;用top和left等屬性來設定自己在離他最近的已經定位的元素的距離。

設定尺寸的絕對定位元素

3.文字替換模式

4.左外邊距模式

有時候你想將一段內容移到一邊去,比如注釋,內容顯示在主體部分,這種模式非常有用,左側的導航選單的方式一般也這樣來做。

這裡是注釋部分

5.外邊級字母下沉模式

首字母用代替,並且與正文同高。這種模式有時也用在一段文字之前的中,這個結合了前面的2種模式。

picture

是個,如果不顯示,會顯示前面的picture這樣的字母!!!

6.樣式表的命名

盡力用乙個單詞的小寫字母給樣式表命名,推薦的幾個

site.css

page.css

handheld.css

print.css

樣式表的標準媒介型別是text/css

樣式表應該根據不同的位置來控制作用域,不要使用html中的style屬性,這樣使用維護困難

7.css語法的一些細節問題

html和css盡量都用utf-8的編碼格式來編碼

css選擇器是區分大小寫,為了統一標準,最好是都用小寫的字母,用連線線來劃分單詞。注意屬性值是不區分大小寫的

乙個元素可以用多個空格分開 class="class1 class2 class3"

常量值不要用引號,比如:color:black是對的,但是color:"black"則是錯誤的。

css中同樣有反斜槓的轉義

空格製表換行都產生一樣的結果

要使得某個規則失效的簡單方式是在前面加乙個字元background-color:black;==>lbackground-color:black,只針對這個語句,前後的都不受影響。

css設計模式 表CSS設計模式

css設計模式 正確標記 後,就可以對其進行樣式設定了。本文是採用css設計模式的系列文章中的第一篇,您可以將css設計模式應用於自己的表,或者從中學習以了解其知識。所有結果表顯示共享相同的基本標記 american film institute s top five films position ...

設計模式 工廠設計模式 一

工廠設計模式 就是當我們需要批量建立多種型別的物件時 需要用到,主要分為三種形式 1 靜態工廠,也叫簡單工廠模式,就是你傳乙個型別我建立對應的型別,spring中主要用到的就是這種模式 不多說,直接上 通用的產品介面,product 這個看需求,也可以定義為抽象類,根據你的物件之間的關係來定的 pa...

設計模式(一) 設計模式概述

模擬建築學 質量可以客觀評價 我們可以得到設計模式背後的觀點 軟體系統的質量可以客觀度量。模式的描述 模式的名稱 模式的目的,即要解決的問題 實現方法 為了實現該模式我們必須考慮的限制和約數因素 gof 四人幫 的工作是將已有的模式識別出來。而非創造 模式的關鍵特徵 專案描述 名稱每個模式都有唯一用...