本文章純屬個人學習之後總結的一些小經驗,望大神指導指導
一、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等 兩種,這兩種標籤都以自己的特性,熟練掌握他們的特...