诱人的老师中文字幕在线观看

LIPS Corner 新天藍 » Program明 - Programming » What is css?

super-hing
風中藍 (唯讀閒人) 性別男 UID 228	精華 0 帖子 3326 積分 7453 詳情	閱讀權限 60 註冊 2006-6-26 來自狀態離線

#21

大中小

使用道具

發表於 2007-4-21 01:15 AM 資料個人空間短訊加為好友 Gmail

QUOTE:

原帖由 mickeyGoUp 於 2007-4-20 06:49 PM 發表
syntax 上無錯﹐但效果上唔係我想要既。我諗我問得唔好... 再問過:

返番去第十七帖﹐如果我話要: body 底色係 red, H2 底色係 green﹐P 底色係 blue﹐您會點改呢? syntax 係: e.g. background-color: red

like that ?

<html>
<head>

<style type="text/css">
body {background-color: red}
h2 {background-color: green}
p {background-color: blue}
</style>

</head>

<body>

<h2>color green </h2>
<p>color blue</p>

</body>
</html>

==========================

mickeyGoUp
版主性別男 UID 5	精華 0 帖子 35511 積分 5235 詳情	閱讀權限 150 註冊 2006-3-24 來自美國滴滴尼狀態離線

#22

大中小

使用道具

發表於 2007-4-21 08:14 AM 資料個人空間短訊加為好友

QUOTE:

原帖由 super-hing 於 2007-4-20 12:15 PM 發表

like that ?

<html>
<head>

<style type="text/css">
body {background-color: red}
h2 {background-color: green}
p {background-color: blue}
</style>

& ...

完全正確。

唔好意思﹐兜黎兜去﹐都講唔到我想講既野添! 皆因早前實在太忙﹐冇時間真係去諗.. 我想講既其實係:

QUOTE:

如果您好似以上咁寫﹐其實係等如:

QUOTE:

即係話﹐P 根本就唔係 body 裡面既 P﹐果個 body 只係 for h2。但因為 body 係比較特別﹐所以你咁寫都無問題。舉個另一個例:

[Copy to clipboard] [ - ]

CODE:

<html>
<head>

<style type="text/css">
div
p {background-color: blue}
h2 {background-color: green}
p {background-color: red}
</style>

</head>

<div>
<h2>color green </h2>
<p>color red</p>
</div>
<p>color blue</p>

</html>

以您之前既說法﹐咁 p 同 h2 同第二個 p 係響 div 入面啦﹐但您 run 下佢﹐其實只係第一個 p 響 div 入面﹐h2 同第二個 p 都係獨立。在 html 裡﹐< h2> 雖然係響 < div> 內﹐但因為 stylesheet 無表明 "div h2" 所以就用 "h2" 黎做所有 h2 既 style 勒。

唔知您明唔明我講乜呢?

挑戰自己﹐幫到人地! 挑戰新天藍級數! 請參與 XS 爭奪!! >> X-Seek 主題

super-hing
風中藍 (唯讀閒人) 性別男 UID 228	精華 0 帖子 3326 積分 7453 詳情	閱讀權限 60 註冊 2006-6-26 來自狀態離線

#23

大中小

使用道具

發表於 2007-4-21 09:18 AM 資料個人空間短訊加為好友 Gmail

QUOTE:

原帖由 mickeyGoUp 於 2007-4-21 08:14 AM 發表

完全正確。

唔好意思﹐兜黎兜去﹐都講唔到我想講既野添! 皆因早前實在太忙﹐冇時間真係去諗.. 我想講既其實係:

如果您好似以上咁寫﹐其實係等如:

即係話﹐P 根本就唔係 body 裡面既 P﹐ ...

唔多明..
你想 H2,同P1,P2 都係DIV?

咁又得唔得呢??

QUOTE:

<html>
<head>
<style type="text/css">
div
{
background-color:orange;
width:130px;
height:250px;
}

p1 {background-color: blue}
h2 {background-color: green}
p2 {background-color: red}
</style>
</head>

<div>
<h2>what color here??? </h2>
<br><p1>this is blue </p1></br>
<br><p2>this is red !!!</p2></br>
</div>
</html>

最後編輯: super-hing : 2007-4-21 09:21 AM

喵語+ sonice傾力連載《瘋狂魔女　ｖｓ　電車獅男》。看不看...由您

mickeyGoUp
版主性別男 UID 5	精華 0 帖子 35511 積分 5235 詳情	閱讀權限 150 註冊 2006-3-24 來自美國滴滴尼狀態離線

#24

大中小

使用道具

發表於 2007-4-21 11:02 AM 資料個人空間短訊加為好友

我係想話﹐以下兩個 style sheet 係唔同既:

[Copy to clipboard] [ - ]

CODE:

[Copy to clipboard] [ - ]

CODE:

如個您分別 copy-n-paste 落去以下既 style sheet 位﹐就會睇到個分別勒。

[Copy to clipboard] [ - ]

CODE:

<html>
<head>

<style type="text/css">
......
</style>

</head>

<div>
<h2>color green </h2>
<p>color red</p>
</div>
<p>color blue</p>

</html>

甜酸苦辣 - 盡在傾心緣! 您的傾心盡訴 - 我們靜心聆聽

super-hing
風中藍 (唯讀閒人) 性別男 UID 228	精華 0 帖子 3326 積分 7453 詳情	閱讀權限 60 註冊 2006-6-26 來自狀態離線

#25

大中小

使用道具

發表於 2007-4-21 12:52 PM 資料個人空間短訊加為好友 Gmail

QUOTE:

原帖由 mickeyGoUp 於 2007-4-21 11:02 AM 發表
我係想話﹐以下兩個 style sheet 係唔同既:

<style type="text/css">
div
p {background-color: blue}
h2 {background-color: green}
p {background-color: red}
</style>

...

分別就係
1.
<style type="text/css">
div
p {background-color: blue}
h2 {background-color: green}
p {background-color: red}
</style>

有出現 "RED BLUE GREEN"三種色.

2.
<style type="text/css">
div p {background-color: blue}
div h2 {background-color: green}
div p {background-color: red}
</style>

呢個就只有RED AND GREEN 2 種色...
=================================================
但係點解方法2 , 只係出現左2種 COLOR 呢?
H2 就無問題, 唔通 <P> 混淆左?

挑戰自己﹐幫到人地! 挑戰新天藍級數! 請參與 XS 爭奪!! >> X-Seek 主題

mickeyGoUp
版主性別男 UID 5	精華 0 帖子 35511 積分 5235 詳情	閱讀權限 150 註冊 2006-3-24 來自美國滴滴尼狀態離線

#26

大中小

使用道具

發表於 2007-4-22 01:28 AM 資料個人空間短訊加為好友

QUOTE:

原帖由 super-hing 於 2007-4-20 11:52 PM 發表

分別就係
1.
<style type="text/css">
div
p {background-color: blue}
h2 {background-color: green}
p {background-color: red}
</style>

有出現 "RED BLUE GREEN"三種色.

2.
<style type="text/css">
div p {background-color: blue}
div h2 {background-color: green}
div p {background-color: red}
</style>

呢個就只有RED AND GREEN 2 種色...
=================================================
但係點解方法2 , 只係出現左2種 COLOR 呢?
H2 就無問題, 唔通 <P> 混淆左?

CSS 既其中一個特性﹐就係後面既 style 係會取代之前既 style。  所以在方法 2﹐您咪見到有兩個 "div p" 既?  最後果個 red 就 override 左之前既 green 勒。  即係好似 programming 中 variable 咁﹐當您 assign 個新 value 入個  variable﹐佢就洗左之前既 value 勒。

咁睇返第一個: 其實係有三個不同既 elements 架喎: "div p",  "h2", "p"。而您睇返 HTML﹐您就見到有一個 < h2> 響 < div> 入面﹐一個 < p> 響 < div> 入面﹐另一個 < p> 響 < div> 外面。

至於第二個方法﹐其實只係有兩個 elements: "h2", "div p"。因為我無列明兩個唔同 "scope" 既 < p> 用唔同 styles ﹐只係講左 "div p" 就用  red (記得﹐green 唔計﹐因為 green 係舊 value)﹐所以所有 < p> 都用晒同一個 style (red) 勒。

明唔明呢?

我自己都覺得有 d 亂! 哈哈哈!!!

挑戰自己﹐幫到人地! 挑戰新天藍級數! 請參與 XS 爭奪!! >> X-Seek 主題

super-hing
風中藍 (唯讀閒人) 性別男 UID 228	精華 0 帖子 3326 積分 7453 詳情	閱讀權限 60 註冊 2006-6-26 來自狀態離線

#27

大中小

使用道具

發表於 2007-4-22 12:32 PM 資料個人空間短訊加為好友 Gmail

QUOTE:

原帖由 mickeyGoUp 於 2007-4-22 01:28 AM 發表

CSS 既其中一個特性﹐就係後面既 style 係會取代之前既 style。所以在方法 2﹐您咪見到有兩個 "div p" 既? 最後果個 red 就 override 左之前既 green 勒。即係好似 programming 中 variable 咁 ...

有D明...咁其實第2個方法係味錯既呢?

甜酸苦辣 - 盡在傾心緣! 您的傾心盡訴 - 我們靜心聆聽

super-hing
風中藍 (唯讀閒人) 性別男 UID 228	精華 0 帖子 3326 積分 7453 詳情	閱讀權限 60 註冊 2006-6-26 來自狀態離線

#28

大中小

使用道具

發表於 2007-4-23 01:46 AM 資料個人空間短訊加為好友 Gmail

我想問下..."Typography" 係HTML: / CSS 即係點解/有咩用途??
====================================
明白點解了~~

最後編輯: super-hing : 2007-4-28 01:44 PM

喵語+ sonice傾力連載《瘋狂魔女　ｖｓ　電車獅男》。看不看...由您

28 3/3 ‹‹1 2 3

當前時區 GMT+8, 現在時間是 2024-11-23 03:27 PM

澳门百家乐澳门威尼斯人官网 AG真人 dafa888 AG真人 pt老虎机澳门百家乐澳门金沙太阳城官网澳门威尼斯人网址 pt老虎机太阳城官网澳门金沙

TOP

清除 Cookies - 聯繫我們 - LIPS Corner 新天藍 - Archiver

積分	7453
X	137409159
XM	2147483647
XG	1156
XT	1687
XS	2688

積分	5235
X	5678
XM	226
XG	855
XT	29940
XS	2900

快速美言