溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下HTML基本的樣式設置有哪些的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
一、html基本結構
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body></body>
</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"）
url中寫需要用的圖片的地址
假如圖片與html文件在同級 ?那么直接寫圖片的名字+后綴名
假如圖片在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的順序
注：背景不占空間？
背景區域可以顯示內容
另外容器假如沒有高度的話 顯示不了背景圖片！
以上就是“HTML基本的樣式設置有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
