教學 | 無名css [頂]
很多人要我教css
原本想用即時通一對一的比較方便
但好像會更複雜 = 口 =
想學css先看下面的基礎教學吧 !
我教的都是無名相關的
所以不會出現那些教學網的專業講法 ( 羞 )
都是一些比較 白話 的 =D
有問題到FB留言

【 基本公式 】
區塊名稱 {
要設定的東西:內容;
要設定的東西:內容;
要設定的東西:內容;
}
☆所有的符號ˋ字體都必須為【半形】
( 例:半形→Q 全形→Q )
★每一個內容結束後ˋ都要有; (分號)
注意: ( 07 / 20 新增 )
接下去的教學
區塊名稱都是舉例
所有的要設定的東西:內容;
都可以套用在任何的區塊名稱裡
每個版面都不一樣
所以所舉例的區塊名稱可以先不用背他=D
☆ 範例:
body {
background:#000;
}
★中文翻譯
部落格整體 {
背景:黑色;
}
☆當語法重覆時ˋ
以後方語法為準
★ 範例:
body {
background:#000;
}
body {
background:#fff;
} ←此語法被採用
☆為防止語法因重複設定而衝擊
設定好後 在語法後方加上!important就可以了
★範例:
body {
background:#000!important;
} ←此語法被採用
body {
background:#fff;
}

【 工具介紹 】
一、色碼表
Previous in This Category: 【教學】文字編輯 Next in This Category: 知識+常見問題|樣式修改上排消失
知識+|css修改領取[小小雪精靈]
fun(1)

Sealed (Feb 7)








本篇文章引用自此
1樓
1樓搶頭香
我在書上有看到說css裡面會用到html的id
這裡怎麼是用區塊名稱?
那樣講會太複雜 =)
無名的css比較簡單
跟書上的不一樣
2樓
2樓頸推
連結損毀了也~
更新囉!
感謝通知 : ]
3樓
3樓坐沙發
ㄏㄏ
看不懂-///-
哪邊不懂可以問壓 ^ ^
4樓
福樓
那請問一下前面是一個點的是怎樣?
例如:
.blogbody textarea {
還有換行的時候要加入;符號
那個要講到 原始檔 比較複雜
其實提供區塊名稱的地方都會告訴你是#還是.
不需要特別去找 =)
5樓
專業的5樓
恩
摁 =) ?
6樓
6樓
很不錯的一個教程
我推了
=)
謝謝 ^ ^
7樓
7樓
Sealed
Sealed
8樓
8樓
Sealed
Sealed
9樓
9樓
很清楚壓
挺不錯的
但是以我這個電腦白痴
唉...要我跟著操作是要我的命
XD....
撲..
動作好快 真的來幫我看了耶XD
哈
謝謝你噢 =)
10樓
10樓
幫你做補充:尋找標籤名稱的方法
在css裡的標籤名稱有兩種
都可以從網頁的原始檔中找到
一種是ID
需要用#來做宣告
例如:我要把標籤名稱123的背景改成#FFFFFF
則語法為#123{background:#FFFFFF}
這種標籤搜尋方法是在先開起網頁原始檔
然後搜尋你想要的區域附近的文字
例如我要找"linroex的地盤"的ID
則利用搜尋功能找"linroex的地盤"
然後再它上面應該會有一個ID="boxMySpace"
boxMySpace即為他的id
另外一種是class
必須用.來做宣告
例如我要把123這個區域背景用成#FFFFFF
則輸入.123{background:#FFFFFF}
class的搜尋方式則是開啟原始檔
然後搜尋你想要找的區塊附近的文字
找到以後附近應該會有一個<div class="....">
的標籤
class裡的東西就是class標籤名稱
11樓
11樓
Sealed
Sealed
12樓
12樓
哇...
原本想自己改CCS的...
沒想到好複雜=ˇ=
眼花了XD
推!
哈
不會的可以問我ㄚ :)
13樓
13樓
謝謝你的分享:D
我找了好久都看不懂 ..
幸虧有大大的教學讓我懂了一些 ,
希望可以繼續發 -ˇ +
摁摁 我會繼續寫下去的
謝謝你 ^ ^
14樓
14樓
請問請問
如果背景要隨著捲軸移動
語法是??
=D
是哪個區塊的圖片呢?
語法是這個噢!
區塊名稱{
background-attachment: no-fixed;
}
15樓
15樓
我好希望學起來歐
可以加妳即時通ㄇ??
可以馬上回0.0
有回我在加
深表尊重(^(OO)^)
摁摁 可以加阿 有不懂的再問我吧 :D
16樓
16樓
Sealed
17樓
17樓
囉哈!!
請問一下
我想要把我留言板
的留言內容阿底色改成透明
要如何改呢?
.msg_word{
background:none;
}
18樓
18樓
教學很詳細..
我爬文爬好幾天都不懂ˇ
一看你的就懂叻
推^^
不過我有一个問題
css語法全都要貼在body {}大括號裡面嗎?
那只是我舉例哦!
body只是設定部落格整體
例:
body{
background:#000;
}
只有設定到整個網頁背景圖是黑色
但如果要設定文章背景
#content{
background:#fff;
}
就要另外設定囉 :D
19樓
19樓
Sealed
Sealed
20樓
20樓
Sealed
Sealed
21樓
21樓
Sealed
Sealed
22樓
22樓
Sealed
23樓
23樓
Sealed
Sealed
24樓
24樓
Sealed
Sealed
25樓
25樓
Sealed
26樓
26樓
哈囉妳好
妳真厲害
請妳看看我的網誌。。。
我該怎麼改成↓
http://www.wretch.cc/album/show
.php?
i=QQQ199281&b=13&f=160017
1663&p=33
(遺忘時光)這樣呢?
不想擋到圖
還有 圖本身能不能縮小一些呢?
27樓
27樓
Sealed
28樓
28樓
Sealed
29樓
29樓
是右邊是右邊
不是左邊
打錯了 Sorry
30樓
30樓
我需要 ...
搜尋這個網誌的文章&文章彙集
的隱藏語法=口=
/*搜尋*/
#boxSearch{
display:none;
}
/*彙集*/
#boxDate {
display:none;
}
Only members can post a comment, Login first