2017・06

<< 05 1/2/3/4/5/6/7/8/9/10/11/12/13/14/15/16/17/18/19/20/21/22/23/24/25/26/27/28/29/30/ 07 >>

--/--/-- (--) スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2005/08/31 (Wed) Xuite CSS 教戰術

下面這個表格是Xuite裡常出現或常用到的CSS語法筆記整理
實際上CSS的語法比下表的還多
譬如長度單位, 可不只XUITE裡的百分比和PX
但是我想既然是給Xuiter和自己修改Xuite CSS用的
就盡量不把多餘的放上去
也許大家會覺得奇怪
有些語法Xuite CSS裡也沒看過阿??
但是其實都是可以運用在Xuite CSS裡
懂的運用的人就會比別人多些不同 ^^
如果有缺的之後再補上吧!


因為這篇只是NOTE
就不教大家如何運用了~
還有
不管是誰辛苦整理一些資料
請不要拍拍屁股整個COPY走阿!! >"<
盡量連進來並留些意見
大家互相學習喔!!  ^^


*Xuite CSS語法筆記*



















































































































































































































語法



屬性



效果



★背景語法



color:



#000000[色碼]RED[顏色名稱]transparent[透明]



前景顏色設定



background-color:



#000000[色碼]RED[顏色名稱] transparent[透明]



背景顏色



background-image:



url( )[圖片網址]none[不放圖]



背景圖片



background-repeat:



repeat[重複] repeat-x [向重複] repeat-y[直向重複] no-repeat[不重複]



背景重複



background-attachment:



Scroll[捲動]fixed[固定]



背景是否隨捲軸捲動



background-position:



50px 20px[像素]100% 30%[百分比] 、bottom[位置]



背景位置(已左上角為基準,第一個是X軸,第二為Y軸)



filter:



Alpha(opacity=50)[數字越高越不透明]



半透明語法[整個語法內物件都會改變]



★文字語法



font-family:



新細明體, 細明體, ….” [ 把字型框起, 字型之間用,連接. 最前面會先用]



字型種類



font-style:



Normal[正常] italic[斜體] bold [粗體]



字型樣式



font-size: 



12 px [像素]12pt[]120%[百分比]



字型大小



word-spacing:



normal [正常]12px[像素]



單字間距



letter-spacing:



normal [正常]12px[像素]



字母間距



text-decoration:



none[] underline[底線] overline[頂線] line-through [刪除線]



文字效果



★填空語法



padding-top:



12 px [像素]120%[百分比]



上面填空



padding-right:



12 px [像素]120%[百分比]



右邊填空



padding-left:



12 px [像素]120%[百分比]



左邊填空



padding-bottom:



12 px [像素]120%[百分比]



下邊填空



padding:



15 px 20 px 15 px 20 px[像素]
120% 105% 120% 105%[
百分比]



填空:依序為上、右、下、左,若只有一個數值代表四個邊值相等



 ★邊界語法



margin-top:



12 px [像素]120%[百分比]



與上邊距離



margin-right:



12 px [像素]120%[百分比]



與右邊距離



margin-left:



12 px [像素]120%[百分比]



與左邊距離



margin-bottom:



12 px [像素]120%[百分比]



與下邊距離



margin:



15 px 20 px 15 px 20 px[像素]
120% 105% 120% 105%[
百分比]



與邊距離:依序為上、右、下、左,若只有一個數值代表四個邊值相等



★邊框語法



border-top:



1.5px[度] dashed[樣式] #FFFFFF[顏色]



上邊框



border-right:



1.5px[度] dashed[樣式] #FFFFFF[顏色]



右邊框



border-right:



1.5px[度] dashed[樣式] #FFFFFF[顏色]



左邊框



border-right:



1.5px[度] dashed[樣式] #FFFFFF[顏色]



下邊框



border:



1.5px[度] dashed[樣式] #FFFFFF[顏色]



整個邊框



邊框樣式: none[] dotted[點線] dashed[虛線] solid[實線] double[雙實線] groove[凹線] ridge[凸線] inset[崁入線] outset[隆起線]



★其他語法



position :



Absolute[絕對]relative[相對]





物件位置



top :



100[數字]



垂直座標



Left:



30[數字]



水平座標



width:



 12 px [像素]120%[百分比]



元件度



height :



12 px [像素]120%[百分比]



元件高度



z-index :



1[數字]



物件的層次



visibility :



Visible[顯示] hidden[隱藏]



顯示物件[會保留屬性性質]



display:



none[不顯示]



顯示物件[完全隱藏]


スポンサーサイト

comment









ブログ管理人にのみ表示を許可する


trackback

trackback_url
http://sherry16.blog62.fc2.com/tb.php/56-0ace00ab

About sherry...

雪莉

Author:雪莉
****************
fc2分站裝潢中~
要看舊文章請到樂多分站
和文章無關的留言可以留這->*BBS*

Sherry News...

Item...

Article...

Somebody talking...

MeromeroPark

メロメロパーク

焦糖樂園

GO TO 焦糖樂園

Love Links...

RSS...

Victor...

ブロとも申請フォーム

この人とブロともになる

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。