Click here to
get yummy grain feed
delivered to your RSS oven

rss

  • Businesswing Design BLOG
  • Assist to join the global market.
3-6-3如何定義不同的樣式

Date:三月 9, 2010 | Author:bwingnet

當我們在定義樣式時,除了網頁標籤外,我們還可自訂class或id名稱,而這兩者有何不同呢?

有些當我們在設定樣式時,有些標籤可能會有不同的樣式設定,例如前面我們提到,可能在一篇文章裡,我們就需要字型15pt與12pt,兩種字型也有不同的顏色,那我們該怎麼設定呢?class與id可以幫助您做到這一件事情。

樣式以class方式宣告與使用

當我們要使用class方式宣告樣式,我們得在樣式名稱前面加上句點(.),例如以下的網頁:

<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>使用class1</title>
<style type="text/css">
.normalfont{font-size: 12pt; color: #0000ff}
.largefont {font-size: 15pt;color: #d77c1a}
</style>
</head><body> 
<font class="normalfont">PHP圖書</font><br>
<font class="largefont">歡迎來到php6的世界</font>
</body></html>

如此這兩段同用<font>標籤的文字就會套用不同的樣式。

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP | Tags: , , ,
        
3-6-1 CSS用途

Date:三月 8, 2010 | Author:bwingnet

前半章的練習裡,您看到了PHP網頁內有一組標籤為< ? ?>,這是PHP所使用的標籤,代表這樣的的語法會先由Web Server先執行分析後完這一個標籤區塊後,再將資料送到瀏覽器上顯示。除了< ? ?>區塊外,其他的<>代表什麼意思?

<>代表的是網頁的標籤,網頁就是由這些標籤組合起來的,透過瀏覽器的解釋,就可以透過瀏覽器呈現出來了。一個網頁基本上的結構如下:

<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>網頁的主題</title>
</head><body>
在瀏覽器上呈現的部分
</body></html>

php_ch3-14【圖14 網頁的基本架構】

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP | Tags: , , ,
        
[CSS]HTML5 Reset Stylesheet

Date:二月 2, 2010 | Author:hikaru

HTML5 Reset Stylesheet

CSS reset是為了方便我們處理css layout跨瀏覽器平台,所面臨各家瀏覽器css預設值不一的情形,藉由css reset來解決此一問題。

然後,在現階段各家瀏覽器紛紛支援HTML5之下,當然,css reset也要有所調整以應該新增加的tag。

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

         top