四、層疊樣式表
(一)引入方式:
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中開啟,效果如下 二 檢測瀏覽...