1. 程式人生 > >CSS 單位與屬性

CSS 單位與屬性

一:單位


  px,em ,%(相對單位)
  font-size:25不加單位的數字毫無意思
  px畫素,相對單位。和螢幕的解析度有關。
  em:一個字型高(1倍字型高),2em(當前預設字型的2倍)
  %,百分比。相對單位。相對於當前預設值的百分比。
  瀏覽器的預設字型大小為16px.
二:文字屬性

 font可以同時設定字元的各種屬性,包括font-style、font-weight、font-size、line-height、font-family。各屬性間用空格隔開。如果同時設定font-size和line-height,這兩屬性值間以“/”隔開

屬性名

含義

font-family

宋體、黑體等

設定文字字型

font-size

12px14px

設定字元大小

font-style

normail(正常)(italic)斜體

設定字型樣式

font-weight

normalboldbolderlighter

設定文字粗細

font

 font-size/line-height

設定文字各種屬性的簡捷方式

font-family: 設定字型,建議英文的中文字型,黑體=>simhei
如:Font-family:simhei;
font-size: 設定字型的大小單位,(注意:一定加上單位)
如:font-size:24px;
font-weight:設定字型的加粗方式,100-900,bold,normal(取消加粗)
如:font-weight:100; font-weight:bold; font-weight:normal;
font-style:設定字型樣式,italic
Font-style:italic; 設定字型為斜體。

三:文字屬性

CSS文字屬性
color :設定文字的顏色 用單詞或16進位制(建議#RRGGBB)
可以簡寫:如:#669900; 也可成:#690;
text-align
文字的對齊方式
left ,center right
line-height 行高
垂直方向居中,所在容器,所在元素的高度與line-height保持一致。

text-indent 文字的縮排

letter-spacing 字間距
text-decoration
文字的描述,修飾
underline,overline,line-through,none;

屬性

含義

color

#ff0000redrgb(3,5,8)

設定文字顏色

line-height

正整數或百分比

設定行高

letter-spacing

正整數或負值

字元間距

text-align

leftcenterright

對齊方式

text-indent

em或畫素

首行文字縮排

text-decoration

noneunderline,overline line-through

文字的修飾

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title> new document </title>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  <meta name="author" content="" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="" />
  <style type="text/css">
  p{text-indent:2em;  letter-spacing:18px;}
  </style>
  <script type="text/javascript"></script>
 </head>

 <body>
  <p>人間帝王軒轅郎、無所不知所不能東方彧卿(其實他就是超脫六界之外的異朽君)、妖魔兩界聖君殺阡陌那時都是愛花千骨的,都希望白子畫能夠善待花千骨。</p>
<p>白子畫的善待是八十一根消魂釘,普通仙一根消魂釘就死去活來。花千骨受了17根,又被白子畫用斷念劍看了近百劍,花千骨心裡那個痛苦不言而喻。而後,花千骨扔到地牢。白子畫替她承受了剩下的消魂釘。
在霓漫天的告知下,白子畫的師兄摩嚴得知花千骨居然悖逆天理愛上白子畫,用絕情水潑到花千骨的喉嚨裡,臉上,於是花千骨又瞎又啞又毀容,被髮配到了幾乎不可能走出來的蠻荒之地。</p>
<p>花千骨在蠻荒之地,受苦受累,認識了竹染,結識了一個小怪獸,征服了麒麟,既而征服了蠻荒的所有野獸,儼然成了一個王者之尊,但蠻荒之地鳥不拉屎,心中悽苦,愛著白子畫卻又痛心於白子畫的狠心。與此同時,殺阡陌對白子畫說:你動花千骨一根頭髮,我滅你長留山;你取花千骨的性命,我讓整個六界都為她陪葬!殺阡陌得知花千骨被驅逐到了蠻荒,一天宰一個長留弟子,逼白子畫放花千骨出來。白子畫不讓,殺阡陌天天殺,心性已經真正地淪為了魔。白子畫在此時也慢慢對花千骨動了情。</p>
 </body>
</html>