HTML學習筆記(四)

2022-05-30 01:57:15 字數 1320 閱讀 9663

四、層疊樣式表

(一)引入方式:

1.內聯 在標籤中使用style屬性去設定

格式就是《標籤名 style="樣式1:值;樣式2:值">

標籤獨佔一整行;標籤只圍繞著顏色

-->

(二)字型樣式

css字型樣式屬性:

font-family  字型型別;font-size 字型大小;font-weight 字型粗細;font-style 字型斜體;color 顏色

(三)文字屬性

字型樣式主要涉及字型本身的形體效果,而文字樣式主要涉及多個字母的排版效果。字型樣式注重個體,文字樣式注重整體。所以css在命名時,特意使用了font字首和text字首來區分兩類不同。

text-decoration 下劃線、刪除線、頂劃線;text-transform 文字大小寫;text-indent 段落首行縮排;text-align 文字水平對齊方式;line-height 行高

(四)邊框樣式

邊框展示:

要定義乙個邊框必須設定三個方面:

border-width 邊框的寬度;border-style 邊框的外觀;border-color 邊框的顏色

在css入門學習中,我們一般用畫素(px)作單位。

*可以將 border-width 1px;border-style solid;border-color red;簡寫為:border:1px solid red;

(五)背景樣式

在css中,背景樣式主要包括兩種:背景顏色以及背景影象。

background-color 背景顏色;background-image 定義背景影象的路徑;background-repeat 背景顯示方式;background-attachment 是否隨內容而滾動

調整背景的位置需要用到background-position px px;後邊倆數字指的是座標,如下圖

(emmmmmmmmmmmmmmm好醜的圖 * ——*!)

(六)超連結樣式

在所有瀏覽器中,超連結樣式在滑鼠點選的不同時期的樣式時不一樣的。

不同時期的不同樣式:

a:link  定義a元素未訪問時的樣式;a:visited  定義a元素訪問後的樣式;a:hover  定義滑鼠經過顯示的樣式;a:active  定義滑鼠單擊時的樣式

定義這四個偽類,必須按照(link,visited,hover,active)的順序進行。

*hover偽類可以定義任何乙個元素在滑鼠經過時的樣式。

語法:  

元素:hover{}

HTML學習筆記四

html語言教程之四 影象 image 標記 鏈入圖象的基本語法 圖象和文字的對齊 my face my face my face 圖象在頁面中的對齊 布局 floating image my face it is always smiling.hahaha.my face it is always...

HTML學習筆記(四)

標籤 描述定義粗體文字。定義大號字。定義著重文字。定義斜體字。定義小號字。定義加重語氣。定義下標字。定義上標字。定義插入字。定義刪除字。不贊成使用。使用 代替。不贊成使用。使用 代替。不贊成使用。使用樣式 style 代替。標籤 描述定義計算機 定義鍵盤碼。定義計算機 樣本。定義打字機 定義變數。定...

HTML5學習筆記(四)

html5 canvas 續 一 替代內容 在訪問頁面時,如果瀏覽器不支援canvas元素,那麼就需要提供乙份替代 來告知訪問者出現的問題。下面這段 就是實現這一功能 update yourbrowser tp enjoy canvas 在不支援canvas的ie8.0中開啟,效果如下 二 檢測瀏覽...