CSS外觀屬性
1.color：文本顏色color屬性用于定義文本的顏色歌径，其取值方式有如下3種：（1）預定義的顏色值详羡，如red，green拘悦，blue等邻吞。（2）十六進制，如#FF0000葫男，#FF6600抱冷，#29D794等。實際工作中梢褐，十六進制是最常用的定義顏色的方式旺遮。（3）RGB代碼赵讯，如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。
?<head>
????????<meta charset="utf-8">
????????<style>
???????? .red?{
???????? color:?red;??/* ?red green ?blue pink ?skyblue deeppink */
???????? }
???????? li:nth-child(2)?{
color:?#f60;???
/* ?以后顏色盡量是十六進制 我們提倡簡寫格式耿眉，#ffffff ?#fff ????#00ff00 ??#0f0
#ff00fe ?這個就不能簡寫 */
???????? }
#rgb?{
color:?rgb(53, 50, 205);
}
????????</style>
????</head>
????<body>
???? <h3>?color屬性用于定義文本的顏色边翼，其取值方式有如下3種：</h3>
???? <ol>?<!-- 有序列表 -->
???? <li class="red">預定義的顏色值，如red鸣剪，green组底，blue等。</li>
???? <li>※※※※※十六進制筐骇，如#FF0000债鸡，#FF6600，#29D794等铛纬。十六進制是最常用的定義顏色的方式</li>
???? <li id="rgb">RGB代碼厌均，如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。</li>
???? </ol>
????</body>
2.line-height:行間距line-height常用的屬性值單位有三種告唆，分別為像素px棺弊，相對值em和百分比%。3.text-align：水平對齊方式屬性值如下：left：左對齊（默認值）right：右對齊center：居中對齊4.text-indent：首行縮進屬性值可為不同單位的數(shù)值擒悬、em字符寬度的倍數(shù)模她、或相對于瀏覽器窗口寬度的百分比%。行高以及縮進的代碼如下：
<head>
????????<meta charset="utf-8">
????????<style>
p?{
line-height:?26px;??/* 行間距 */
text-indent:?2em;??/* 此時2em 就是2個漢字的寬度 */
}
h3?{
text-align:?center;??/* 文字水平對齊 */
}
????????</style>
????</head>
????<body>
???? <h3>海賊王的創(chuàng)作背景</h3>
????<p>尾田榮一郎小時候是看著鳥山明的《龍珠》長大的茄螃，那部作品對他影響巨大缝驳。當時尾田最大的心愿就是能在單行本中看到更多的集數(shù)。于是當他自己成為漫畫家以后归苍，堅持要讓《航海王》的單行本分量更足用狱。他小時候還有一個“打擊”，他曾天真地以為《龍珠》是鳥山明一個人畫的拼弃，但實際上漫畫家都有助手協(xié)助夏伊。尾田第一次得知這個真相的時候，感覺“受騙了”吻氧。這個“打擊”讓他刻骨銘心溺忧，所以他成為漫畫家之后竭盡所能不讓孩子們失望《⑺铮《航海王》畫面中所有動態(tài)的部分都是尾田親筆畫的鲁森，助手只做一些很簡單的工作。這是極少見的振惰。</p>
<p>雖然尾田把這個故事畫了十多年了歌溉，但的確從一開始他就想好了結(jié)局，這個結(jié)局只有幾個主要編輯知道，絕不能透露痛垛。不過草慧，雖然結(jié)局是已知的，中間的過程卻未知匙头，會有些什么故事漫谷，尾田老師自己也不知道。</p>
<p>尾田的煽情功力基本是他自己的蹂析，編輯在這點上很少能幫到他舔示。編輯的作用是當一個讀者，如果編輯沒有被感動识窿，那么尾田就要重新編他的故事</p>
????</body>
5.letter-spacing：字間距屬性值可為不同單位的數(shù)值斩郎，允許使用負值，默認為normal喻频。6.word-spacing：單詞間距和letter-spacing一樣缩宜，其屬性值可為不同單位的數(shù)值，允許使用負值甥温，默認為normal锻煌。
?<head>
????????<meta charset="utf-8">
????????<style>
div?{
letter-spacing:?2px;??/* 字間距 */
}
p?{
word-spacing:?10px;??/* 單詞間距 針對于英文 中文無效 */
}
????????</style>
????</head>
????<body>
???? <div>我是熊大</div>
???? <p>my name is andy ?</p>
????</body>
7.顏色半透明語法格式：
div{
color: rgba(r,g,b,a);
}
/*a 是alpha 透明的意思 取值范圍 0~1之間 color: rgba(0,0,0,0.3)*/
8.文字陰影**語法格式：
text‐shadow:水平位置 垂直位置 模糊距離 陰影顏色;
示例代碼如下：
<head>
????????<meta charset="utf-8">
????????<style>
h1?{
font-size:?100px;
text-shadow:?5px 11px 3px rgba(0,0,0,0.5);
/* text-shadow:水平位置 垂直位置 模糊距離 陰影顏色; */
/* 水平和垂直位置 前2個參數(shù)必須寫， ?后面的2個參數(shù)可以省略 默認值 */
}
????????</style>
????</head>
????<body>
???? <h1>你是陰影姻蚓，我是火影</h1>
????</body>
