HTML5基礎篇之HTML

2021-07-16 16:02:38 字數 1693 閱讀 2306

本文章純屬個人學習之後總結的一些小經驗,望大神指導指導

一、html基本結構

注:html大小寫都可以 但是不要出現這種的(html)要麼全都大寫 要麼全都小寫 所有的標點符號都必須是英文狀態下的!!!切記!

!doctype 宣告文件型別 千萬不可以忘記

meta charset="utf-8" 防止出現亂碼(不寫的話檔案在瀏覽器裡顯示 文字可能都是以亂碼形式出現 總之需要細心哦!)

接下來說一下一些基本的樣式設定(今天先講下文字設定與背景設定)

1.font-size(字型大小)

eg.font-size:數值+px(單位) 例如16px

2.font-family:(字型)

有個保底字型arial

多個字型用逗號隔開

如果字型是以空格鏈結的,用單引號包裹,例如「微軟 雅黑」;

sans-serif  可以讓字型變得比較圓潤

serif   讓字型稜角分明

3.color (設定字型顏色) 可以直接用顏色名 eg.red

或者十六進製制編碼(#666666)

或者rgb(0,0,0)其中的值為0~255  三原色

4.font-weight(字型加粗)bold 加粗  預設值為normal

5.text-align (字型對齊方式) 有三個值,分別為left right center 

6.line-height(行高)   單行文字設定高度與容器高度一樣,可以實現垂直居中的效果。

7.text-decoration (設定下劃線樣式)underline(下劃) overline(上劃)line-through(中間劃) none(去除樣式)

8.text-indent(文字縮排)eg.  text-indent:5px

9.letter-spacing(字元間距) 

字元與字元之間橫向的間距

10.font-style(字型樣式)

italic  斜體

normal (預設)

注:字型具有繼承的屬性,假如父級設定了文字樣式,子級如果不單獨設定屬於自己的文字樣式,那麼預設繼承父級的。

1.background-color(設定背景顏色) 樣式與前面字型一樣  

另外還可以用

rgba(222,222,222,.5)  其中最後乙個值可以設定背景顏色的透明度 具體的以後再跟大家細說。

2.background-image (設定背景) eg.background-image:url(" 1.jpg")

假如與html檔案在同級  那麼直接寫的名字+字尾名

3.background-position(背景位置)left center right

.4.background-repeat(背景重複)

repeat(既橫向重複 又縱向重複)

repeat-x(橫向重複)

repeat-y(縱向重複)

no-repeat(不設定重複)

5.background-size(背景大小)

eg.background:200px 300px     width(寬度) heigh(高度)t的順序

注:背景不佔空間 

背景區域可以顯示內容

另外容器假如沒有高度的話 顯示不了背景!

今天就先介紹這麼多啦~以後再與大家交流  一起進步 望大家 踴躍給下意見哦  樂意接受  嘿嘿!

HTML5學習之 HTML 5 拖放

拖放 drag 和 drop 是 html5 標準的組成部分。拖放是一種常見的特性,即抓取物件以後拖到另乙個位置。在 html5 中,拖放是標準的一部分,任何元素都能夠拖放。internet explorer 9 firefox opera 12 chrome 以及 safari 5 支援拖放。注釋...

HTML5學習之 概念篇

html5 是下一代的 html。html5 將成為 html xhtml 以及 html dom 的新標準。html 的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 是 w3c...

html5 基礎開始

下面進入h5開發的基礎階段 想要製作乙個合格的網頁,基礎標籤就是根本,h5中的標籤可分為行標籤 a,b,s,u,i,sub,sup,strong,em,img,input等 和塊標籤 h1 h6,p,div,hr,ul,ol,dl,li dt,dd等 兩種,這兩種標籤都以自己的特性,熟練掌握他們的特...