論壇首頁
註冊
|
登入
|
會員
|
搜尋
|
統計
|
說明
歡迎來到 YK Forum!
自由SAY
|
開口中
|
祈願池
|
宣傳中心
|
Flash遊戲
|
寵物中心
|
虛擬形像
|
勳章中心
YK Forum
»
網頁製作
» CSS 基本語法
‹‹ 上一主題
|
下一主題 ››
19
1/2
1
2
››
投票
懸賞
活動
打印
|
推薦
|
訂閱
|
收藏
標題: CSS 基本語法
仁傑
壇主
UID 1
積分 27233
經驗 12112
YK幣 32564
帖子 7216
精華
7
註冊 2006-11-11
用戶註冊天數 6384
用戶失蹤天數 35
來自 香港
性別 男生
狀態 離線
#1
正常字體
發表於 2007-9-18 04:00 PM
資料
文集
短消息
CSS 基本語法
基本語法====================================
<style type=text/css>
<!--
body,table{
color : #999999 ; /*文字色彩*/
font-family : 細明體 ; /*文字字型*/
font-size : 9pt /*文字大小*/
}
-->
</style>
文字屬性一覽================================
color : #999999 /*文字色彩*/
font-family : 細明體 /*文字字型*/
font-size : 9pt /*文字大小*/
font-style:itelic /*文字斜體*/
font-variant:small-caps/*小字體*/
letter-spacing : 1pt/*字間距離*/
line-height : 200 /*設定行高*/
font-weight:bold /*文字粗體*/
vertical-align:sub /*下標字*/
vertical-align:super/*上標字*/
text-decoration:line-through/*加刪除線*/
text-decoration:overline /*加頂線*/
text-decoration:underline /*加底線*/
text-decoration:none /*刪除連結底線*/
text-transform : capitalize /*首字大寫*/
text-transform : uppercase /*英文大寫*/
text-transform : lowercase /*英文小寫*/
text-align:right /*文字靠右對齊*/
text-align:left /*文字靠左對齊*/
text-align:center /*文字置中對齊*/
背景語法===================================
<style type=text/css>
<!--
body{
background-image : url(image/bg.gif); /*背景圖片*/
background-repeat : no-repeat; /*不重複排列*/
background-position : 90 90; /*背景圖片x與y軸的位置*/
background-attachment : fixed;/*固定背景*/
}
-->
</style>
背景屬性一覽================================
background-color:#F5E2EC /*背景色彩*/
background-image : url(image/bg.gif) /*背景圖片*/
background-attachment : fixed /*固定背景*/
background-repeat : repeat /*重複排列-網頁預設*/
background-repeat : no-repeat /*不重複排列*/
background-repeat : repeat-x /*在x軸重複排列*/
background-repeat : repeat-y /*在y軸重複排列*/
background-position : 90 90 /*背景圖片x與y軸的位置*/
連結語法====================================
<style type=text/css>
<!--
A:link/*超連結*/
{color : #999999 ; /*文字色彩*/}
A:visited/*瀏覽過的超連結*/
{color : #999999 ; /*文字色彩*/}
A:active/*按下連結*/
{color : #999999 ; /*文字色彩*/}
A:hover/*滑鼠移至連結*/
color : #000000 ; /*文字色彩*/
font-weight:bold; /*文字粗體*/
-->
</style>
連結屬性一覽==================================
A/*所有超連結*/
A:link/*超連結文字格式*/
A:visited/*瀏覽過的連結文字格式*/
A:active/*按下連結的格式*/
A:hover/*滑鼠移至連結*/
text-decoration:none;/*刪除連結線*/}
{cursor:s-resize;/*滑鼠指標樣式*/
font-weight:bold; /*文字粗體*/
border : 1px dotted #cc3300 ; /*文字框線*/}
滑鼠指標樣式一覽===============================
cursor:crosshair 十字型 cursor:s-resize 箭頭朝下
cursor:move 十字箭頭 cursor:e-resize 箭頭朝右
cursor:help 加一問號 cursor:w-resize 箭頭朝左
cursor:n-resize 箭頭朝上 cursor:ne-resize 箭頭朝右上
scursor:nw-resize 箭頭朝左上 cursor:text 文字I型
cursor:se-resize 箭頭斜右下 cursor:sw-resize 箭頭斜左下
cursor:wait 漏斗 cursor:nono 預設
彩色捲軸=======================================
<style type=text/css>
<!--
BODY{
SCROLLBAR-FACE-COLOR: #FFFFFF; /*捲軸顏色*/
SCROLLBAR-HIGHLIGHT-COLOR: #336699; /*捲軸左與上內邊框*/
SCROLLBAR-SHADOW-COLOR: #336699;/*捲軸右與下內邊框*/
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*捲軸左與上外邊框*/
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;/*捲軸右與下外邊框*/
SCROLLBAR-ARROW-COLOR: #336699; /*捲軸箭頭*/
SCROLLBAR-TRACK-COLOR: #FFFFFF; /*捲軸底色*/
}
-->
</style>
刪除捲軸=====================================
<style type=text/css>
<!--
BODY{overflow:hidden; /*刪除捲軸*/}
-->
</style>
<style type=text/css>
<!--
BODY{overflow-x:hidden; /*刪除水平捲軸*/}
-->
</style>
<style type=text/css>
<!--
BODY{overflow-y:hidden; /*刪除垂直捲軸*/}
-->
</style>
滑鼠移過連結位移============================
<style type="text/css">
<!--
a:hover{position:relative;top:1px;left:1px;}
-->
</style>
說明:
在a:hover 滑鼠移至連結的屬性做文字位置的變化
top:1px;left:1px 位移數值
right:1px;bottom:1px 可改變位移方向
表格透明效果================================
<style type=text/css>
<!--
table{FILTER: Alpha(opacity=60);/*表格透明*/}
-->
</style>
說明:
opacity=60 設定透明度(值越小越透明)
外部呼叫================================
<link rel=stylesheet type="text/css" href="檔名.css">
更改滑鼠================================
<style type="text/css">
<!--
body {cursor:url("滑鼠網址"),url("滑鼠網址"),text;}
-->
</style>
*須為ani檔及cur檔
最近5次評分記錄
Matthew417
2010-4-16 04:33 PM
YK幣
+5
你的文章非常精彩,請再接再厲!
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
a0301875
普通會員
UID 4284
積分 1178
經驗 576
YK幣 784
帖子 532
精華 0
註冊 2007-9-12
用戶註冊天數 6078
用戶失蹤天數 5374
性別 女仔
狀態 離線
#2
發表於 2007-9-30 12:37 PM
資料
文集
短消息
color : #999999 /*文字色彩*/
???
最近5次評分記錄
candy
2007-10-7 12:16 PM
經驗
-2
唔好再發埋冇意義o既o野!
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
非常天才
普通會員
UID 10092
積分 549
經驗 347
YK幣 553
帖子 322
精華 0
註冊 2008-3-11
用戶註冊天數 5897
用戶失蹤天數 5647
性別 男生
狀態 離線
#3
發表於 2008-5-12 05:37 PM
資料
文集
短消息
thsssssssssssssssssssssssssssssssssssss!!!!!!
我可以做網頁la
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
totoro7735
普通會員
UID 23144
積分 341
經驗 215
YK幣 567
帖子 240
精華 0
註冊 2009-2-25
用戶註冊天數 5546
用戶失蹤天數 3524
性別 男生
狀態 離線
#4
發表於 2009-2-26 07:31 AM
資料
文集
短消息
恩恩~~~剩下的就剩好好運用了
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
aaww12345
普通會員
UID 23467
積分 602
經驗 377
YK幣 914
帖子 428
精華 0
註冊 2009-3-2
用戶註冊天數 5541
用戶失蹤天數 4721
性別 男生
狀態 離線
#5
發表於 2009-4-2 10:29 PM
資料
文集
短消息
又有收穫了~~感謝分享
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
aubeverly
(柏)
高級會員
UID 16954
積分 2509
經驗 777
YK幣 2836
帖子 1303
精華 0
註冊 2008-9-26
用戶註冊天數 5698
用戶失蹤天數 3288
性別 女仔
狀態 離線
#6
發表於 2009-5-4 10:42 PM
資料
文集
短消息
thank you ar!!!!
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
tsubasalily
普通會員
UID 30043
積分 570
經驗 215
YK幣 168
帖子 308
精華 0
註冊 2009-9-14
用戶註冊天數 5345
用戶失蹤天數 4780
性別 女仔
狀態 離線
#7
發表於 2009-9-28 02:57 PM
資料
文集
短消息
感謝~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
tracy714
普通會員
UID 29321
積分 549
經驗 149
YK幣 970
帖子 48
精華 0
註冊 2009-8-15
用戶註冊天數 5376
用戶失蹤天數 4838
來自 HK
性別 女仔
狀態 離線
#8
發表於 2009-10-2 01:52 AM
資料
文集
短消息
哇~~~好嘢
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
鬼舷
(“___。×|妄。想,,)
普通會員
UID 32513
積分 1324
經驗 266
YK幣 740
帖子 613
精華 0
註冊 2010-1-21
用戶註冊天數 5216
用戶失蹤天數 4532
來自 地球某處._.
性別 男生
狀態 離線
#9
發表於 2010-2-24 02:28 PM
資料
文集
短消息
thx呃.....借左- -
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
Matthew417
(M417)
管理員
Java Programmer
UID 33003
積分 12477
經驗 1098
YK幣 3805
帖子 3005
精華
1
註冊 2010-2-23
用戶註冊天數 5183
用戶失蹤天數 410
來自 Hong Kong
狀態 離線
#10
發表於 2010-4-16 07:24 AM
資料
文集
短消息
Thanks for sharing !!
CS1.6-M417 Edition v2.0 Released
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
a26776500
(幹.女神)
高級會員
血色茉莉
UID 34360
積分 8156
經驗 3044
YK幣 7914
帖子 4541
精華 0
註冊 2010-4-24
用戶註冊天數 5124
用戶失蹤天數 4121
來自 宇宙
性別 男生
狀態 離線
#11
發表於 2010-8-16 04:27 PM
資料
文集
短消息
好正!than you la!
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
royandken
(楠哥)
普通會員
UID 34572
積分 993
經驗 365
YK幣 789
帖子 387
精華 0
註冊 2010-7-2
用戶註冊天數 5055
用戶失蹤天數 3959
來自 地球的遠處=]
性別 男生
狀態 離線
#12
發表於 2010-10-30 03:03 PM
資料
文集
短消息
呢家仲有人玩css咩-.-?
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
williamyii77
普通會員
UID 37006
積分 1466
經驗 244
YK幣 1729
帖子 857
精華 0
註冊 2010-10-3
用戶註冊天數 4961
用戶失蹤天數 4332
性別 男生
狀態 離線
#13
發表於 2010-12-4 09:13 PM
資料
文集
短消息
辛苦唒你了....
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
fedora11
VIP會員
UID 42416
積分 1183
經驗 281
YK幣 1809
帖子 693
精華 0
註冊 2011-4-23
用戶註冊天數 4760
用戶失蹤天數 867
來自 香港
性別 男生
狀態 離線
#14
發表於 2011-4-23 07:42 PM
資料
文集
短消息
多謝哂=]
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
williamyii77
普通會員
UID 37006
積分 1466
經驗 244
YK幣 1729
帖子 857
精華 0
註冊 2010-10-3
用戶註冊天數 4961
用戶失蹤天數 4332
性別 男生
狀態 離線
#15
發表於 2011-5-18 10:28 PM
資料
文集
短消息
多謝壇主啊~~~~~~~~
YK Forum © All rights reserved.
www.eyankit.com 贊助網站
Alcatraz
:早上雞叫人せ晚上人叫雞
19
1/2
1
2
››
投票
懸賞
活動
YK Forum
休閒
> 吹水閒聊
> 校園生活
> 屯門天主教中學
> 功課研習
> 文章時事
> 短片分享
> 飲食天地
> 烹飪交流
> 短文小說
> 書迷地帶
> 戀愛
> 生活小知識
> 科學
圖片
> 貼圖
> 攝影作品
> 型男靚女
> 素材
> 閃字分享
> 表情字句
> Wallpaper
分享
> 笑話連篇
> 考你IQ
> 靈異鬼故
> 心理測驗
興趣
> 動漫
> 巴士鐵路
> 旅遊資訊
> 轉筆
> 卡牌棋藝
> 模型
> 魔術
> 體育
> 軍事
> 寵物
> 潮流飾物
娛樂
> 明星歌手
> 明星貼圖
> 劇集
> 電視節目
> 電影
音樂
> 樂壇討論
> 流行曲
> 舊歌
> 歌詞
> 惡搞改篇歌詞
> 樂譜笛譜
> 音樂討論
遊戲
> Online Game
> SD 高達
> AVA
> alta
> 跑 Online
> YOHO 夢境 (官方認可)
> Mabinogi
> 勁舞團
> 綜合遊戲
> Minecraft
> 手提遊戲
> flash 遊樂園
> Counter-Strike
> CSO-NST
> CS Online
> CS 發問
> CS 約戰
科技
> 電腦交流
> 軟件介紹
> 網絡免費資源
> 網頁製作
> Discuz! 研究
> DelphisCMS
> Blog
> Blog 推廣
> 攝影學堂
> 手機、Android
社交
> 家族吹水
> YK MAGAZINE
> 仁傑分享
> 新會員報到
> 自拍
> 交易
論壇
> 論壇社區設施討論
> myPage 個人文集
站務
> 資訊中心
> 論壇公告
> 論壇站務
> 勳章資訊
當前時區 GMT+8, 現在時間是 2024-5-4 02:07 PM
建議你啟用 JavaScript 以獲取最佳的瀏覽效果
Copyright © 2006-
2018
YK Forum All rights reserved.
Powered by
Discuz!
© 2001-
2014
Comsenz Inc
. Designed by
YK Forum
.
Processed in 0.029908 second(s), 9 queries, Gzip enabled.
TOP
[Clear cookies]
Contact us 聯繫我們
-
Archiver 文字版
-
WAP
手機版