經過一段時間的學習,已經把html大部分知識擼了一遍泽艘,對于開發(fā)也算是入了個門,下一階段的目標是學習CSS天试,接下來就開始初步了解CSS然低。
CSS格式
<style type="text/css">
h1{
text-align: center;
color: green;
font-weight: bold;
}
p{
text-align: center;
color: red;
}
</style>
- 注意點:
- style標簽必須寫在head標簽中
- type屬性可不寫
- 設置樣式時必須按照固定的格式來設置,:和带兜;不省略
CSS文字屬性
- 規(guī)定文字樣式
- 格式:
font-style: italic;
- 取值:
- normal:正常的来农,默認值
- italic:傾斜的
- 規(guī)定文字粗細
- 格式:
font-weight: bold;
- 單詞取值
- bold:加粗
- bolder:比加粗還粗
- lighter:細線沃于,默認值
- 數字取值
- 100-900之間整百數字
- 規(guī)定文字大小
- 格式:
font-size: 30px;
- 注意:一定要帶單位海诲,即px
- 規(guī)定文字字體
- 格式:
font-family: "微軟雅黑";
- 注意點:若取值是中文,則用單引號或雙引號括起來
- 字體屬性補充
- 默認字體:宋體
- 若設置字體不存在咨演,但又不想用默認字體來顯示咋辦蚯斯?
- 可以設置備選方案
格式:
- 可以設置備選方案
font-family: "字體1","備選方案1",…;
- 縮寫格式:
font:style weight size family;
- 注意點:
- style饵较,weight可以省略遭赂,且相互交換位置
- size,family不能省略茄猫,且不能交換位置
文本屬性
- 文本裝飾屬性
- 格式:
text-decoration: underline;
- 取值:
- underline:下劃線
- line-through:刪除線
- overline:上劃線
- none:什么都沒有困肩,常用于去掉超鏈接的下劃線,默認值
- 文本水平對齊
- 格式:
text-align: center;
- 取值:
- left,居左勇劣,默認值
- center潭枣,居中
- right,居右
- 文本縮進屬性
- 格式:
text-indent: 2em;
- 取值:
2em退敦,em表示縮進一個文字
顏色屬性
- 如何修改文字顏色
- 格式:
color:值;
- 取值:
- 英文單詞
- 常見顏色蚣抗,有限制
- rgb
- 三原色
- 格式:rgb(0,0,0);
- rgba
- a表示透明度,取值為0-1钝域,取值越小越透明
- 格式:rgba(0,0,0,1);
- 十六進制
- 本質就是RGB
- #FFEE00 FF表示R锭魔,EE表示G,00表示B
- 十六進制縮寫
- 英文單詞