Web開發教程之CSS

2021-06-16 18:52:22 字數 1635 閱讀 4234

1、css:層疊式樣式表,對布局、字型、顏色、背景和其他**效果實現更加精確的控制

規則2、繼承性樣式表的規則可以從母體延伸到子體,如haha對於標籤沒有設定樣式,但因為位於中,所以他將可以繼承母體設定樣式。

3、將樣式表加入到網頁中方法有四種:

植入樣式表:所有的樣式表資訊都位於html檔案的頂部,與分列,對網頁一次性執行該規則

type="text/css":設定採用mime(多用途網際網路郵件擴充套件,一種電子郵件技術規範),這樣寫之後,不支援            css的瀏覽器就會忽略樣式表。

注釋標籤更重要,在一些老的瀏覽器中及時設定了type="text/css"屬性也不能忽略樣式表繼續執            行下面的命令,而且還會顯示樣式表的**,而使用注釋標籤可以避免這種情況。

鏈結到樣式表:將多個html檔案都鏈結到乙個中心樣式表檔案,這個外部樣式表檔案將設定你所有網頁的規則,如果改變              樣式表檔案中的某一細節,所有的頁面都會隨之改變。

使用方法:產生乙個普通網頁,不是使用規則,而是在

使用時鏈結樣式表無需注釋標籤,現在還要生成乙個額外的樣式表檔案,暫時命名為mystyles.css,該文  件中內容如 h4

phref屬性中可以選擇相對或者絕對url

輸入樣式表:與鏈結法相似,不同之處在於:鏈結法不能同其他方法使用,但是輸入法可以

在內的注釋標籤中可以加入@import url(company.css);

當植入樣式表和外部樣式表產生衝突時,會按照植入樣式表表現網頁的內容

加入樣式表:直接在html中加,在

4、分類引用 :p.first

哈哈或者生成任何不加html標籤的分類:.first  然後將class=first用於任何html標籤處,而設       定的文字將以綠色顯示

5、按名稱呼叫字型:如h2首先尋找在計算機中安裝的字型helvetica,找到則使用它,找不到則移向下乙個字型(impact),如果這種字型也沒有安裝,則移向第三種字型(sans-serif),sans-serif引數是瀏覽器可以依據的最後一種引數,他告訴瀏覽器使用任何一種預設的sans-serif字型。

如果一種字型的名稱不只是乙個單詞,則用引號包含該字型名稱

6、字型大小控制:使用font-size可以對文字的尺寸進行無限的控制,如p

7、字型風格:斜體字:h3  粗體p,可用數值加粗,正常字型值400,900是加粗字型的最大值

8、文字修飾(text-decoration):下劃線,上劃線,刪除線,鏈結不以下劃線形式顯示

9、字間距:字型之間加入更大的距離:h3、字母間距h3

10、行高:控制剛剛之間的垂直距離:b、b這裡行高將是24點、 b這裡行距是14points。

11、文字對齊:h4只用於塊內容,left,right,center;

12、控制垂直對齊:h4

13、文字縮行:只應用於整塊的內容,p該屬性只用於整塊的內容,如果被賦予乙個負值,則文字第一行起始位置比其正常位置還偏左。

14、在html中,背景影象會隨頁面的滾動而滾動,可以利用css的固定背景屬性,建立不滾動的背景影象,即頁面滾動時,背景影象還是可以保持固定的,如body

15、當乙個要素被隱藏後,他仍然要佔據瀏覽器視窗中的原有空間,所以你將文字包圍在一幅被隱藏的影象後面,那麼,其顯示效果將是文字包圍著一塊空白區域。h4

css教程之css設定字型顏色

font size 18px 設定字型大小 color 093 設定字色 font family 宋體 設定字型 要盡量使用通用的字型,就是用大家電腦上一般都有的字型,常用的是中文字型是宋體英文本型是arial 設定字型的時候將英文本型設定在前,中文設定在後 如果想用比較特殊的字型,可以將其轉換為 ...

iOS開發教程之UI UIWindow

ios開發教程之ui uiwindow。選擇single view application 初學我刪除了viewcontroller.h和viewcontroller.m的檔案準備自己建立 選擇new file 選擇 cocoa touch class 輸入類的名字,因為我想建立乙個根檢視,所以su...

web前端開發基礎入門教程之HTML中如何鍵入空格

當我們要在html中鍵入空格的話,直接按空格鍵是錯誤的書寫行為,因為直接按空格鍵對於後期不太好,在html中寫空格是用 這個字元來寫的,我們稱 是空格佔位符,如果直接在html中連續鍵入多個空格,可能會被認為只有乙個,但是當你連續鍵入 這個字元就可以連續占用空格位了。示例 學程式設計上學程式設計上學...