遊客:  註冊 | 登錄 | 幫助





標題: [疑難] What is css?
super-hing     Rank: 5Rank: 5Rank: 5
風中藍 (唯讀閒人)
性別 男
UID 228

精華 0
帖子 3326
積分 7453   詳情

閱讀權限 60
註冊 2006-6-26
來自
狀態 離線

 
 
 
 
發表於 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     Rank: 7Rank: 7Rank: 7
版主
性別 男
UID 5

精華 0
帖子 35511
積分 5235   詳情

閱讀權限 150
註冊 2006-3-24
來自 美國滴滴尼
狀態 離線

 
 
 
 
發表於 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:
<style type=“text/css”>
                <!--
               body
                h2     { color: #100080;
                            font-weight: bold  
                          }
                P        { text-indent: 2em;
                             margin-left: 5%;
                             margin-right: 10%;
                             text-align: justify
                           }
                -->

係上面味SET 左<BODY> 入面的  <H2> 同<P> 既 STYLE LOR..

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

QUOTE:
                <!--
               body h2     { color: #100080;
                                   font-weight: bold  
                                  }
                P        { text-indent: 2em;
                             margin-left: 5%;
                             margin-right: 10%;
                             text-align: justify
                           }
                -->

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

<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 勒。

唔知您明唔明我講乜呢?  

頂部

super-hing     Rank: 5Rank: 5Rank: 5
風中藍 (唯讀閒人)
性別 男
UID 228

精華 0
帖子 3326
積分 7453   詳情

閱讀權限 60
註冊 2006-6-26
來自
狀態 離線

 
 
 
 
發表於 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




頂部

mickeyGoUp     Rank: 7Rank: 7Rank: 7
版主
性別 男
UID 5

精華 0
帖子 35511
積分 5235   詳情

閱讀權限 150
註冊 2006-3-24
來自 美國滴滴尼
狀態 離線

 
 
 
 
發表於 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>



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

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

<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     Rank: 5Rank: 5Rank: 5
風中藍 (唯讀閒人)
性別 男
UID 228

精華 0
帖子 3326
積分 7453   詳情

閱讀權限 60
註冊 2006-6-26
來自
狀態 離線

 
 
 
 
發表於 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> 混淆 左?





頂部

mickeyGoUp     Rank: 7Rank: 7Rank: 7
版主
性別 男
UID 5

精華 0
帖子 35511
積分 5235   詳情

閱讀權限 150
註冊 2006-3-24
來自 美國滴滴尼
狀態 離線

 
 
 
 
發表於 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 亂!  哈哈哈!!!

頂部

super-hing     Rank: 5Rank: 5Rank: 5
風中藍 (唯讀閒人)
性別 男
UID 228

精華 0
帖子 3326
積分 7453   詳情

閱讀權限 60
註冊 2006-6-26
來自
狀態 離線

 
 
 
 
發表於 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     Rank: 5Rank: 5Rank: 5
風中藍 (唯讀閒人)
性別 男
UID 228

精華 0
帖子 3326
積分 7453   詳情

閱讀權限 60
註冊 2006-6-26
來自
狀態 離線

 
 
 
 
發表於 2007-4-23 01:46 AM  資料  個人空間  短訊  加為好友  Gmail
我想問下..."Typography"  係HTML: / CSS 即係點解/有咩用途??
====================================
明白點解了~~



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




頂部

快速美言
           


當前時區 GMT+8, 現在時間是 2024-5-7 12:53 PM

    Powered by Discuz!  © 2001-2007 Comsenz Inc.   
Processed in 0.019385 second(s), 7 queries

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