標籤：style color os io 使用 ar strong for sp
一、元素內容的字型屬性
1、font-family 字型名稱，例如：宋體，新羅馬字型等
注意：1、不能使用偏僻的字型，要使用安全字型，如：arial;verdana;times new roman 及宋體等；
2、可以同時制定多個字型，用逗號分隔，如果第一個字型不存在，瀏覽器可以使用後面的字型；
3、如果字型有許多單片語成，使用雙引號組合；
body {font-family:verdana,"Courier New",Symbol;}
2、font-style 字型傾斜 屬性：normal italic oblique
3、font-variant 字型變體 屬性：normal small-caps
註：small-caps 屬性使用後，元素中的小寫字母看起來比正常的大寫字母小一些。
4、font-weight 字重 （加粗） 屬性 normal bold bolder lighter 100 -900
註：1、400代表normal 700代表bold bolder/lighter 表示字型的字重比父級元素高或低一級
2、有些字型的字重值為300-700。
p {font-style:normal;}
h1 {font-style:700;}
5、font-size 字型大小 屬性：絕對大小/相對大小/長度/百分比
關鍵字： 絕對大小：xx-small / x-small / small / large / x-large / xx-large
相對大小：larger / smaller
p {font-size:20px;}
blockquote {font-size:larger;}
em {font-size:150%;}
font屬性捷徑：
P {font：xxx xxx xxx xxx ;}書寫順序是：font-style font-variant font-weight font-size;
二、元素內容的文本屬性
1、首行縮排 text-indent 屬性：length percentage
p {text-indent:2px;} 段落P首行縮排2px;
2、文本對齊 text-align 屬性：left right center
3、文本修飾方式 text-decoration 屬性：none underline overline line-through blink(閃爍)
4、本陰影特效 text-shadow 屬性：none color
p {text-shadow:red;} 段落P 文本陰影特效設定為紅色
5、行高 text-height 屬性：數字（字型大小的倍數） 長度 百分比 normal
6、字間距 letter-spacing 屬性： normal length auto
blockquote {letter-spacing:1px;}
7、詞間距 word-spacing 屬性：normal length
h1 {word-spacing:1px;}
8、文本中字母大小寫 text-transform 屬性：capitalize(文本每句句首字母變為大寫) uppercase（文本全部字母變成大寫） lowercase（文本全部字母變為小寫） none
9、空白顯示 white-space 屬性： normal pre nowrap
pre {white-space:pre;}
三、元素內容的字型顏色，背景
1、color：設定元素的前景色彩； 取值：十六進位值，rgb()函數或CSS承認的顏色名
2、background-color:設定背景色，初始值為透明； 取值：同上或者transparent
3、background-image：設定背景圖案； 取值：圖片的URL地址或者none
4、background-repeat：背景映像是否及如何鋪排 取值：repeat no-repeat repeat-x repeat-y
5、background-attachment:背景映像是隨對象內容滾動還是固定 取值：scroll fixed
6、background-position:用於指定圖片的位置 取值：百分比 length top center bottom left center right
四、列表格式 ( 列表屬性用於設定網頁中列表的格式，例如 可以設定映像作為項目符號)
list-style-type 屬性可以用來設定項目符號和編號的樣式 取值：
disc: 預設值，實心黑點
circle： 空心圓圈
square： 方形黑塊
decimal： 十進位數（1.2.3.4等）
lower-roman： 小寫羅馬數字 （i ii等）
upper-roman： 大寫羅馬數字
lower-alpha ：小寫字母
upper-alpha：大寫字母
none
例如：<head><style>
ol {list-style-type:upper-alpha;} ol是有序列表
</style></head>
注意：還可以利用該屬性將列表前面的符號換成圖片，屬性值可以是圖片的URL地址，
如果同時制定了list-style-type 和 list-style-image，則只有當瀏覽器不能顯示圖片作為項目符號是，list-style-type 才會生效。
五、css演算法
1、所以的ID選取器，權值為100；
2、所以的Class 選取器，權值為10；
3、所以的標籤（元素）選取器，權值為1；
4、所以的偽類，權值為1；
！important 優先順序最高。{css中樣式的繼承屬性有Color font-size}
回答8.25 ps圖片最後的提問：如何將初始單位改為像素：
開啟ps軟體，編輯----喜好設定----單位與尺規，修改即可。
css基礎（二）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
