| 駕駛學院-SEO搜索排名專家-driving school |
| |
| 包考- ?記者日前獲悉，按照交通運輸部的總體部署，目前，安徽、河南已圓滿完成國家高速公路網路線命名和編號調整工作，實現了高速公路命名和編號的統一和規範。
?據悉，安徽圓滿完成全省2500公里高速公路、7000公里國省幹線公路上相關標誌規範設置和更換，並及時出台了相關標準和技術指南，更新了公路數據庫、公路信息服務網站及地圖等。
?截至2009年12月29日，河南省高速公路命名編號和交通標誌整改工作全面完成。河南被交通運輸部確定為全國高速公路交通標誌設置示範省，全省高速公路交通標誌管理初步實現了數字化和信息化，力求「車行中原、一目瞭然」。 -學車 |
2010年3月2日星期二
駕駛- 安徽河南全面完成高速公路命名編號調整-駕駛學校
2010年3月1日星期一
網頁設計Phpwind 7.0 精彩風格欣賞
網頁設計Phpwind 7.0 精彩風格欣賞
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
PHPWind7.0風格欣賞
1、水墨寫意“潑墨桃花”
作者：thewei
非常具有中國古典風韻的一款風格，將古典風韻發揮的淋漓盡致!這個很有復古和文墨的味道，看到梅花彷彿能嗅到芳香。個人感覺如果能把默認的頭像給換個匹配的顏色就更好了。
2、盛夏光年
作者：軒轅§工作室
3、盛夏、未央 錦瑟年華
作者：薇小若
點評：覺得這個風格不管是色彩的搭配，還是用圖的選擇，都是很突出的!看上去，讓人覺得非常典雅、嫻靜。很適合做文學站!
4、盛夏、未央 清綠末年
作者：薇小若
非常屬於那種女生做出來的風格，很清秀很精緻。看上去很清爽，很有春天的味道。而且也超級好看。
5、我們的明天
作者：小強不是蟑螂
顏色搭配很舒服，細節部分做的很好，在細節和整體搭配方面做的很細緻。娛樂論壇，遊戲論壇都可以試著用這款風格。
6、imgso美工精英技術簡約大方論壇風格
作者：豬也能飛
7、古典中國
作者：gioig
8、典雅徽派
作者：軒轅§工作室
給人一種清晰自然的感覺
9、心晴
作者：隕落小龍
10、.·●.愛吃Candy°·.粉糖糖~
作者：byf1212
11、感受
作者：垚垚
點評：清爽，直觀，詩情畫意!
Web Hosting
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
PHPWind7.0風格欣賞
1、水墨寫意“潑墨桃花”
作者：thewei
非常具有中國古典風韻的一款風格，將古典風韻發揮的淋漓盡致!這個很有復古和文墨的味道，看到梅花彷彿能嗅到芳香。個人感覺如果能把默認的頭像給換個匹配的顏色就更好了。
2、盛夏光年
作者：軒轅§工作室
3、盛夏、未央 錦瑟年華
作者：薇小若
點評：覺得這個風格不管是色彩的搭配，還是用圖的選擇，都是很突出的!看上去，讓人覺得非常典雅、嫻靜。很適合做文學站!
4、盛夏、未央 清綠末年
作者：薇小若
非常屬於那種女生做出來的風格，很清秀很精緻。看上去很清爽，很有春天的味道。而且也超級好看。
5、我們的明天
作者：小強不是蟑螂
顏色搭配很舒服，細節部分做的很好，在細節和整體搭配方面做的很細緻。娛樂論壇，遊戲論壇都可以試著用這款風格。
6、imgso美工精英技術簡約大方論壇風格
作者：豬也能飛
7、古典中國
作者：gioig
8、典雅徽派
作者：軒轅§工作室
給人一種清晰自然的感覺
9、心晴
作者：隕落小龍
10、.·●.愛吃Candy°·.粉糖糖~
作者：byf1212
11、感受
作者：垚垚
點評：清爽，直觀，詩情畫意!
Web Hosting
網頁設計PHPWind7.3特色功能推薦
網頁設計PHPWind7.3特色功能推薦
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
Phpwind的7.3正式版推出了圈子的概念， 在看了具體應用後，發現他還是利用目前十分熱門的SNS概念將一群人圈在了一起。裝完論壇之後，圈子功能直接就內置了，意思就是說你除了可以在論壇裡進行灌水外，還有一片自留地可以灌溉。閒時，可根據自己的喜好找到有相同愛好的圈子進行交流，這比起單一的論壇功能有了一定的進步。也可以讓用戶有一片自己的獨立空間。但是可能有很多用戶還沒熟悉圈子模式的新功能，在此做一些推薦，以便大家快速上手。
在圈子模塊中，我們擁有以下功能，也正是因為多了這些功能，它使得自己的個人空間不再像以前那樣感覺冷冰冰。
同步簽名檔
圈子的記錄裡除了可以記錄自己的心情外，還有一個很特別的功能，那就是同步簽名檔，它可以使得你在記錄自己心情的時候，即使不是你的好友，也能夠通過簽名檔瞭解你。而貼子功能則是把自己在論壇發表的貼子進行羅列，順便還可以查看一些好友的曾經發貼，心情好的時候可以直接點擊鏈接進去幫忙助助威、灌灌水。這在以前可不敢想像，以前你必須要先查看該好友的個人資料，在資料頁才可以查看他的發貼等記錄。
相冊功能
相冊功能就沒有什麼好說的，但他確實簡化了你以前要做的事，如：在論壇裡分享自己的旅遊過程，上傳一張張的照片，甚至還要去一些相冊網站註冊賬號然後再貼在論壇中。如今則可以簡化這些操作，直接在自己的空間裡建立相冊，把圖片上傳，最後與圈子內好友們共同分享，並可以針對每張照片進行點評。而在論壇裡，你只能根據壇友的回復，不停的翻頁來進行查看，實在是不太方便。
分享功能則相對單一，或者說，你就把當它成是網絡收藏夾吧。對於你覺得能夠與他人分享的鏈接，可以通過分享功能進行添加並共享。當然也可以使用私人收藏夾就可以不共享網址了。相冊同樣能夠被分享。
群組功能
群組功能則是這次推出圈子模式的重點所在了：
目前，phpwind論壇已經有很多人建立了自己的群組，你可以在這些群組中找到與自己志同道合的朋友，並加入該群，一起侃大山、聊人生，如果你尚未發現適合你的群組，那麼你可以嘗試創建一個新的群組，然後拉一些好友一起加入，然後你也可以享受一下論壇版主所擁有的權力哦。當然，僅限在自己創建的群內。
其實，一個群組，其實就相當於一個小型版塊，只是這個版塊的內容、主題相對集中一點，而且你也不用太擔心其他沒有共同語言的人進來灌水。它雖然不能與論壇的人氣相比，但斯是陋室，唯吾德馨。你說它小眾也行，說偏安一方也可，古人說的好，談笑有鴻儒，往來無白丁，其實說就是這樣一個情況。既然如此，何陋之有?
門戶模式
新版除了圈子模式外，還有一個門戶模式，他可以抽出一部分內容來組成類似於門戶網站的風格，它使得人們對於傳統的論壇有一個新的認識：傳統論壇進入首頁，就是一個個的版塊，雖然是一目瞭然，但卻顯得過於枯燥，而門戶模式則可以挑選出一些熱門的話題、版塊、會員等信息進行展示，使得論壇顯得比較豐滿。
或許有人會說，以前的版本都曾出過類似的hack，用用也挺好呀，確實，這些hack的存在且被大量使用，就證明了門戶模式還是有很大的市場需要，因此phpwind就順應了大眾的需要將它成為內置的功能。這，豈不更好?
工具條
另外值得一提的就是工具條，千萬別緊張，此工具條並非IE工具條之類的流氓插件，它只是一條浮動在頁面最方面的一個狀態條。此工具條只有在用戶登錄後才會顯示。它對於用戶更方便的與論壇互動提供了便捷方式。合理的使用它，將能夠享受論壇帶來的樂趣。它能給用戶帶來操作上的方便，如：指定版塊發貼、快速跳轉版塊、收藏連接的快速定位，還有就是圈子和附加功能的快捷操作。甚至，如果你在論壇中添加了好友，還可以通過工具條查看好友的在線狀態。工具條的使用，使得原來十分緊湊的導航欄空了出來，以後再增加應用或者給用戶對論壇的定制提供了一定的方便。
訪問速度
新版本增加的功能我也無法一一提及，因為大多數新功能都是在用戶體驗上下功夫，更多的則是一些細節方面的更改，以便讓用戶瀏覽論壇時感覺到十分自然。或許又有站長在疑慮，有了這些功能，對於論壇的訪問速度是否有影響。關於這個，我並非開發人員，因此沒有過多的權利來解說，但是我們可以通過官方網站頁腳的執行時間來查看：
雖然說官方網站的服務器的性能肯定要超過我們自己的服務器或者虛擬主機，但同樣的，官方網站的在線人數也同樣是我們網站的數倍吧。看到官方的這個執行時間，你還有什麼可以猶豫的呢?如果說上圖並未明確顯示多少在線人數，那麼，官網論壇的首頁這張截圖，你總可以放心了吧。
Web Hosting
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
Phpwind的7.3正式版推出了圈子的概念， 在看了具體應用後，發現他還是利用目前十分熱門的SNS概念將一群人圈在了一起。裝完論壇之後，圈子功能直接就內置了，意思就是說你除了可以在論壇裡進行灌水外，還有一片自留地可以灌溉。閒時，可根據自己的喜好找到有相同愛好的圈子進行交流，這比起單一的論壇功能有了一定的進步。也可以讓用戶有一片自己的獨立空間。但是可能有很多用戶還沒熟悉圈子模式的新功能，在此做一些推薦，以便大家快速上手。
在圈子模塊中，我們擁有以下功能，也正是因為多了這些功能，它使得自己的個人空間不再像以前那樣感覺冷冰冰。
同步簽名檔
圈子的記錄裡除了可以記錄自己的心情外，還有一個很特別的功能，那就是同步簽名檔，它可以使得你在記錄自己心情的時候，即使不是你的好友，也能夠通過簽名檔瞭解你。而貼子功能則是把自己在論壇發表的貼子進行羅列，順便還可以查看一些好友的曾經發貼，心情好的時候可以直接點擊鏈接進去幫忙助助威、灌灌水。這在以前可不敢想像，以前你必須要先查看該好友的個人資料，在資料頁才可以查看他的發貼等記錄。
相冊功能
相冊功能就沒有什麼好說的，但他確實簡化了你以前要做的事，如：在論壇裡分享自己的旅遊過程，上傳一張張的照片，甚至還要去一些相冊網站註冊賬號然後再貼在論壇中。如今則可以簡化這些操作，直接在自己的空間裡建立相冊，把圖片上傳，最後與圈子內好友們共同分享，並可以針對每張照片進行點評。而在論壇裡，你只能根據壇友的回復，不停的翻頁來進行查看，實在是不太方便。
分享功能則相對單一，或者說，你就把當它成是網絡收藏夾吧。對於你覺得能夠與他人分享的鏈接，可以通過分享功能進行添加並共享。當然也可以使用私人收藏夾就可以不共享網址了。相冊同樣能夠被分享。
群組功能
群組功能則是這次推出圈子模式的重點所在了：
目前，phpwind論壇已經有很多人建立了自己的群組，你可以在這些群組中找到與自己志同道合的朋友，並加入該群，一起侃大山、聊人生，如果你尚未發現適合你的群組，那麼你可以嘗試創建一個新的群組，然後拉一些好友一起加入，然後你也可以享受一下論壇版主所擁有的權力哦。當然，僅限在自己創建的群內。
其實，一個群組，其實就相當於一個小型版塊，只是這個版塊的內容、主題相對集中一點，而且你也不用太擔心其他沒有共同語言的人進來灌水。它雖然不能與論壇的人氣相比，但斯是陋室，唯吾德馨。你說它小眾也行，說偏安一方也可，古人說的好，談笑有鴻儒，往來無白丁，其實說就是這樣一個情況。既然如此，何陋之有?
門戶模式
新版除了圈子模式外，還有一個門戶模式，他可以抽出一部分內容來組成類似於門戶網站的風格，它使得人們對於傳統的論壇有一個新的認識：傳統論壇進入首頁，就是一個個的版塊，雖然是一目瞭然，但卻顯得過於枯燥，而門戶模式則可以挑選出一些熱門的話題、版塊、會員等信息進行展示，使得論壇顯得比較豐滿。
或許有人會說，以前的版本都曾出過類似的hack，用用也挺好呀，確實，這些hack的存在且被大量使用，就證明了門戶模式還是有很大的市場需要，因此phpwind就順應了大眾的需要將它成為內置的功能。這，豈不更好?
工具條
另外值得一提的就是工具條，千萬別緊張，此工具條並非IE工具條之類的流氓插件，它只是一條浮動在頁面最方面的一個狀態條。此工具條只有在用戶登錄後才會顯示。它對於用戶更方便的與論壇互動提供了便捷方式。合理的使用它，將能夠享受論壇帶來的樂趣。它能給用戶帶來操作上的方便，如：指定版塊發貼、快速跳轉版塊、收藏連接的快速定位，還有就是圈子和附加功能的快捷操作。甚至，如果你在論壇中添加了好友，還可以通過工具條查看好友的在線狀態。工具條的使用，使得原來十分緊湊的導航欄空了出來，以後再增加應用或者給用戶對論壇的定制提供了一定的方便。
訪問速度
新版本增加的功能我也無法一一提及，因為大多數新功能都是在用戶體驗上下功夫，更多的則是一些細節方面的更改，以便讓用戶瀏覽論壇時感覺到十分自然。或許又有站長在疑慮，有了這些功能，對於論壇的訪問速度是否有影響。關於這個，我並非開發人員，因此沒有過多的權利來解說，但是我們可以通過官方網站頁腳的執行時間來查看：
雖然說官方網站的服務器的性能肯定要超過我們自己的服務器或者虛擬主機，但同樣的，官方網站的在線人數也同樣是我們網站的數倍吧。看到官方的這個執行時間，你還有什麼可以猶豫的呢?如果說上圖並未明確顯示多少在線人數，那麼，官網論壇的首頁這張截圖，你總可以放心了吧。
Web Hosting
迷你倉OPEN行政單位一卡通五省監獄解決方案自存倉
| 2009-12-12 11:12:13 - 儲存 |
| |
| mini storage 摘要：OPEN（歐品）是門禁、車輛管理、考勤、消費等一卡通產品專業生產廠家，「一卡、一庫、一網」中文一卡通系統全球領先品牌。
|
網頁設計phpchina 第3期：CSS基礎技術講解篇之學習筆記
網頁設計phpchina 第3期：CSS基礎技術講解篇之學習筆記
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
phpchina 第3期：CSS基礎技術講解篇 文件下載:CSS基礎技術講解篇
一、CSS語法
:
right
center
left p
left h1
二、css字體屬性
字體Arial;
字體大小14;
風格屬性斜體oblique
字體濃淡屬性
字體屬性
字體顏色
三、CSS常用文本屬性:
文本縮進屬性(text-indent)
length (長度，可以用絕對單位(cm, mm, in, pt, pc)或者相對單位 (em, ex, px))
percentage (百分比，相當於父對像寬度的百分比)
行高屬性(line-height)
這個屬性設定每行之間的距離。其值有以下設定方法：
normal (缺省值)
length (長度，可以用絕對單位(cm, mm, in, pt,pc)或者相對單位 (em, ex, px))
percentage (百分比，相當於父對像高度的百分比)
示例代碼如下：
p3 {line-height:1cm}
字間距屬性(letter-spacing)
p4 {letter-spacing: 3mm}
四、CSS背景屬性
背景顏色
body {background-color:#ccc;}
背景圖片屬性(background-image)
body{background-image:url(../images/css_tutorials/background.jpg)}
五、CSS邊框屬性
邊框風格屬性(border-style)
這個屬性用來設定上下左右邊框的風格，它的值如下：
none (沒有邊框，無論邊框寬度設為多大)
dotted (點線式邊框)
dashed (破折線式邊框)
solid (直線式邊框)
double (雙線式邊框)
groove (槽線式邊框)
ridge(脊線式邊框)
inset (內嵌效果的邊框)
outset (突起效果的邊框)
邊框顏色屬性(border-color)
.kuang9{border-style: ridge;border-color:yellow;}
邊框寬度屬性(border-width)
這個屬性用來設定上下左右邊框的寬度，它的值如下
medium (是缺省值) thin (比medium細) thick (比medium粗)
用長度單位定值。可以用絕對長度單位(cm, mm, in, pt, pc)或者用相對長度單位 (em, ex, px)。
.kuang10{border-style:solid;border-width:1px;border-color:#ccc;}
單邊邊框屬性
.kuang11{ border-style:solid; border-width:1px; border-top-color:#ccc; border-bottom-color:#ccc; }
上邊框屬性(top ,left ,right,bottom類似)，你可以使用border-top, border-top-width, border-top-style, border-top-color
.kuang12 { border-top-style:solid; border-width:1px; border-top-color:#ccc; border-bottom-color:#ccc; }
六、CSS邊距屬性
左邊距屬性(margin-left)
這個屬性用來設定左邊距的寬度。示例如下：
.d1{ border-style:solid; border-width:1px; border-color:#ccc; margin-left:8cm}
這個屬性用來設定右邊距的寬度。示例如下：
.d1{ border-style:solid; border-width:1px; border-color:#ccc; margin-right:8cm}
其他top bottom類似
邊距屬性(margin)
這個屬性是設定邊距寬度的一個快捷的綜合寫法，用這個屬性可以同時設定上下左右邊距屬性。你可以為上下左右邊距設置相同的寬度
.d3{border-style:solid; border-width:1px; border-color:#ccc; margin:1cm,1cm,1cm,1cm}
七、CSS間隙屬性
間隙屬性(padding)是用來設置元素內容到元素邊界的距離。
左間隙屬性(padding-left)
這個屬性用來設定左間隙的寬度。示例如下：
.d1{padding-left:1cm}
右間隙屬性(padding-right)
這個屬性用來設定右間隙的寬度。示例如下：
.f2{border-style:solid; border-width:1px; border-color:#ccc; padding-right:1cm; text-align:right; }右側是1cm->
上間隙屬性 下間隙屬性類似
間隙屬性(padding)
.f3{border-style:solid; border-width:1px; border-color:#ccc; padding:1cm,1cm,1cm,1cm}
八、CSS盒子模式(Box Model)
CSS 中有個重要的概念，就是盒子模式 (Box model)。
胡戈的"一個饅頭引發的血案"中有個圓圈套圓圈娛樂城，而這個盒子模式套用這句話來說，就是方塊套方塊。
先看看下面這個圖，黑框包圍的一個方塊，就是一個盒子 (Box)。
盒子裡由外至裡依次是：
margin 邊距
border 邊框
padding 間隙 (也有人稱做補丁)
content (內容，比如文本，圖片等)
CSS 邊距屬性 (margin) 是用來設置一個元素所佔空間的邊緣到相鄰元素之間的距離。
CSS 邊框屬性 (border) 用來設定一個元素的邊線。
CSS 間隙屬性 (padding) 是用來設置元素內容到元素邊框的距離。
CSS 背景屬性指的是 content 和 padding 區域。
CSS 屬性中的 width 和 height 指的是 content 區域的寬和高。
九、CSS列表樣式屬性
列表樣式類型屬性(list-style-type)
列表樣式類型屬性(list-style-type)
這個屬性用來設定列表項標記(list-item marker)的類型。有以下值：
disc (缺省值，黑圓點)
circle (空心圓點)
square (小黑方塊)
decimal (數字排序)
lower-roman (小寫羅馬字排序)
upper-roman (大寫羅馬字排序)
lower-alpha (小寫字母排序)
upper-alpha (大寫字母排序)
none (無列表項標記)
列表樣式位置屬性(list-style-position)
列表樣式位置屬性(list-style-position)有兩個值：
outside (以列表項內容為準對齊)
inside (以列表項標記為準對齊)
列表樣式圖片屬性(list-style-image)
列表項標記可以用圖片來表示，用列表樣式圖片屬性(list-style-image)來設定圖片。示例代碼如下：
.g11 {list-style-image: url(http://webdesign.zoapcon.comcn/themes/Qeeke/style/Qeeke/Novo_Dangos_001.gif) }
列表屬性(list-style)
這個屬性是設定列表樣式的一個快捷的綜合寫法
.g12 {list-style:circle inside url(http://webdesign.zoapcon.comcn/themes/Qeeke/style/Qeeke/Novo_Dangos_001.gif) }
十、CSS偽類(pseudo-class)
和一般的CSS語法不同(參見CSS語法)，CSS偽類的語法有兩種。
第一種： selector:pseudo-class {property: value}
山東網站優化 a:link {color:red} a:visited{color:green} a:hover{color:blue}
例句： a:link {color:red}
第二種： selector.class:pseudo-class {property: value}
濟南網站優化 a.c1:link {color:red} a.c1:visited {color:#FFCC00} a.c1:hover {color:blue}
例句： a.c1:link {color:red}
錨(a)偽類
錨(a)偽類是最常用的偽類。例句如下：
a:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
也可以用HTML的class屬性來設定偽類。例句如下：
a.c1:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
註：由於CSS優先級的關係(後面比前面的優先級高)，在寫a的CSS時，一定要按照a:link， a:visited， a:hover， a:actived的順序書寫
文件下載:CSS基礎技術講解篇
本文來源於君信啟航SEO-山東網站優化 http://webdesign.zoapcon.comcn/ , 原文地址：http://webdesign.zoapcon.comcn/post/Website/css-jichu-phpchina/Web Hosting
發佈者:作者:Web Design香港網頁設計大皇 - 網站設計
Web Design
phpchina 第3期：CSS基礎技術講解篇 文件下載:CSS基礎技術講解篇
一、CSS語法
:
right
center
left p
left h1
二、css字體屬性
字體Arial;
字體大小14;
風格屬性斜體oblique
字體濃淡屬性
字體屬性
字體顏色
三、CSS常用文本屬性:
文本縮進屬性(text-indent)
length (長度，可以用絕對單位(cm, mm, in, pt, pc)或者相對單位 (em, ex, px))
percentage (百分比，相當於父對像寬度的百分比)
行高屬性(line-height)
這個屬性設定每行之間的距離。其值有以下設定方法：
normal (缺省值)
length (長度，可以用絕對單位(cm, mm, in, pt,pc)或者相對單位 (em, ex, px))
percentage (百分比，相當於父對像高度的百分比)
示例代碼如下：
p3 {line-height:1cm}
字間距屬性(letter-spacing)
p4 {letter-spacing: 3mm}
四、CSS背景屬性
背景顏色
body {background-color:#ccc;}
背景圖片屬性(background-image)
body{background-image:url(../images/css_tutorials/background.jpg)}
五、CSS邊框屬性
邊框風格屬性(border-style)
這個屬性用來設定上下左右邊框的風格，它的值如下：
none (沒有邊框，無論邊框寬度設為多大)
dotted (點線式邊框)
dashed (破折線式邊框)
solid (直線式邊框)
double (雙線式邊框)
groove (槽線式邊框)
ridge(脊線式邊框)
inset (內嵌效果的邊框)
outset (突起效果的邊框)
邊框顏色屬性(border-color)
.kuang9{border-style: ridge;border-color:yellow;}
邊框寬度屬性(border-width)
這個屬性用來設定上下左右邊框的寬度，它的值如下
medium (是缺省值) thin (比medium細) thick (比medium粗)
用長度單位定值。可以用絕對長度單位(cm, mm, in, pt, pc)或者用相對長度單位 (em, ex, px)。
.kuang10{border-style:solid;border-width:1px;border-color:#ccc;}
單邊邊框屬性
.kuang11{ border-style:solid; border-width:1px; border-top-color:#ccc; border-bottom-color:#ccc; }
上邊框屬性(top ,left ,right,bottom類似)，你可以使用border-top, border-top-width, border-top-style, border-top-color
.kuang12 { border-top-style:solid; border-width:1px; border-top-color:#ccc; border-bottom-color:#ccc; }
六、CSS邊距屬性
左邊距屬性(margin-left)
這個屬性用來設定左邊距的寬度。示例如下：
.d1{ border-style:solid; border-width:1px; border-color:#ccc; margin-left:8cm}
這個屬性用來設定右邊距的寬度。示例如下：
.d1{ border-style:solid; border-width:1px; border-color:#ccc; margin-right:8cm}
其他top bottom類似
邊距屬性(margin)
這個屬性是設定邊距寬度的一個快捷的綜合寫法，用這個屬性可以同時設定上下左右邊距屬性。你可以為上下左右邊距設置相同的寬度
.d3{border-style:solid; border-width:1px; border-color:#ccc; margin:1cm,1cm,1cm,1cm}
七、CSS間隙屬性
間隙屬性(padding)是用來設置元素內容到元素邊界的距離。
左間隙屬性(padding-left)
這個屬性用來設定左間隙的寬度。示例如下：
.d1{padding-left:1cm}
右間隙屬性(padding-right)
這個屬性用來設定右間隙的寬度。示例如下：
.f2{border-style:solid; border-width:1px; border-color:#ccc; padding-right:1cm; text-align:right; }右側是1cm->
上間隙屬性 下間隙屬性類似
間隙屬性(padding)
.f3{border-style:solid; border-width:1px; border-color:#ccc; padding:1cm,1cm,1cm,1cm}
八、CSS盒子模式(Box Model)
CSS 中有個重要的概念，就是盒子模式 (Box model)。
胡戈的"一個饅頭引發的血案"中有個圓圈套圓圈娛樂城，而這個盒子模式套用這句話來說，就是方塊套方塊。
先看看下面這個圖，黑框包圍的一個方塊，就是一個盒子 (Box)。
盒子裡由外至裡依次是：
margin 邊距
border 邊框
padding 間隙 (也有人稱做補丁)
content (內容，比如文本，圖片等)
CSS 邊距屬性 (margin) 是用來設置一個元素所佔空間的邊緣到相鄰元素之間的距離。
CSS 邊框屬性 (border) 用來設定一個元素的邊線。
CSS 間隙屬性 (padding) 是用來設置元素內容到元素邊框的距離。
CSS 背景屬性指的是 content 和 padding 區域。
CSS 屬性中的 width 和 height 指的是 content 區域的寬和高。
九、CSS列表樣式屬性
列表樣式類型屬性(list-style-type)
列表樣式類型屬性(list-style-type)
這個屬性用來設定列表項標記(list-item marker)的類型。有以下值：
disc (缺省值，黑圓點)
circle (空心圓點)
square (小黑方塊)
decimal (數字排序)
lower-roman (小寫羅馬字排序)
upper-roman (大寫羅馬字排序)
lower-alpha (小寫字母排序)
upper-alpha (大寫字母排序)
none (無列表項標記)
列表樣式位置屬性(list-style-position)
列表樣式位置屬性(list-style-position)有兩個值：
outside (以列表項內容為準對齊)
inside (以列表項標記為準對齊)
列表樣式圖片屬性(list-style-image)
列表項標記可以用圖片來表示，用列表樣式圖片屬性(list-style-image)來設定圖片。示例代碼如下：
.g11 {list-style-image: url(http://webdesign.zoapcon.comcn/themes/Qeeke/style/Qeeke/Novo_Dangos_001.gif) }
列表屬性(list-style)
這個屬性是設定列表樣式的一個快捷的綜合寫法
.g12 {list-style:circle inside url(http://webdesign.zoapcon.comcn/themes/Qeeke/style/Qeeke/Novo_Dangos_001.gif) }
十、CSS偽類(pseudo-class)
和一般的CSS語法不同(參見CSS語法)，CSS偽類的語法有兩種。
第一種： selector:pseudo-class {property: value}
山東網站優化 a:link {color:red} a:visited{color:green} a:hover{color:blue}
例句： a:link {color:red}
第二種： selector.class:pseudo-class {property: value}
濟南網站優化 a.c1:link {color:red} a.c1:visited {color:#FFCC00} a.c1:hover {color:blue}
例句： a.c1:link {color:red}
錨(a)偽類
錨(a)偽類是最常用的偽類。例句如下：
a:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
也可以用HTML的class屬性來設定偽類。例句如下：
a.c1:link {color: #FF0000} /* 未被訪問的鏈接 紅色 */
a.c1:visited {color: #00FF00} /* 已被訪問過的鏈接 綠色 */
a.c1:hover {color: #FFCC00} /* 鼠標懸浮在上的鏈接 橙色 */
a.c1:active {color: #0000FF} /* 鼠標點中激活鏈接 藍色 */
註：由於CSS優先級的關係(後面比前面的優先級高)，在寫a的CSS時，一定要按照a:link， a:visited， a:hover， a:actived的順序書寫
文件下載:CSS基礎技術講解篇
本文來源於君信啟航SEO-山東網站優化 http://webdesign.zoapcon.comcn/ , 原文地址：http://webdesign.zoapcon.comcn/post/Website/css-jichu-phpchina/Web Hosting
SEO Facebook的成功廣告創意活動
SEO Facebook的成功廣告創意活動
發佈者:作者:Web Design香港網頁設計大皇 - 網站優化
網站排名
所有社交網絡的核心都是一件事：朋友。沒有他們就沒有加入的動力，也就沒有成為持久會員的興趣。依靠網絡，用戶們選擇性的增加朋友，像搜集卡片一樣搜集他們。“朋友”對每一個登陸在線社區的單個消費者都是很重要的。
就是因為將這點銘記於心，加拿大通訊公司Telus在Facebook上，進行了一次我認為是最好的廣告活動。這次活動證明社交網絡是告知和教育消費者的一個很好的渠道。
上個月，該公司推介了一款新的名為“我的癡迷”（My Faves）的手機。允許用戶選擇5個朋友（不管他們自己的裝備如何），他們可以享受無限量的通話和文本服務。旨在提升這項新服務的認知度。其目標市場是高中和大學的學生。
Telus求助於多倫多創意代理公司 Teehan & Lax和媒體計劃公司 Media Experts，希望他們能幫助創造出一種，可以反映“我的癡迷”（My Faves）手機特性的社交網絡應用。Facebook很顯然是意中的媒體。根據comScore 的數據，3月份該站點吸引了750萬唯一的、年齡在25歲以下的加拿大用戶。Facebook還發現27%的加拿大受眾年齡在18歲以下，56%的人年齡在18至24歲。今年早些時候，站點的流量超過了MySpace，成為加拿大的領導社交網絡。
任何熟悉Telus廣告的人都對它採用動物形象不會感到驚異。該公司一向以應用會說話的動物和自然主題做推廣而著名。這二者都是為了使它與競爭者的無線設備區分開，並且很聰明的突出了他們服務的不同特點。
在“我的癡迷”案例中，選擇的動物為魚。具體應用方法則是：提供一個魚碗，Facebook的會員們可以將它添加在自己的檔案頁中。為了佔用這個碗，他們選擇5個Facebook的朋友，每個人都以一種不同的魚做代表。用戶也可以給他們的魚碗添加著名的加拿大商標。
在整個過程中採用的語言與Telus品牌形象一致，對產品的推薦也與最終推廣目標一致。
“你與誰一起游泳？用你自己檔案頁中的虛擬魚碗告訴世界。”在創造了能代表用戶的魚後，Telus就發送這條信息：“你看起來很孤獨，你應該與密友們一起游泳。讓我們開始添加你的最愛吧。”當朋友們被添加了之後，他們收到一封電子郵件通知，該通知會介紹一下 Telus “我的癡迷”（My Faves）活動：
“看看這個我為我們建造的魚碗。也給自己建一個吧。好告訴這個世界你癡迷誰！ ‘我的癡迷’（My Faves）是來自TELUS公司的一個嶄新的偉大的計劃。它可以給你無限制在任何時間利用任何網絡，向5位朋友，進行本地通話和測試的機會。”
一旦製作過程完成，用戶會被提供密碼，可以將魚碗加在自己的個人博客上，或者其它社交站點上。這項應用，執行得天衣無縫，不像那個頂尖朋友widget，要在Facebook上轉大大的一圈。這項活動與眾不同是因為“選出最有價值的朋友”和“與5個朋友通話”有共同基礎。不管下載這個Facebook 魚碗的人是不是Telus的訂戶，他們都會很欣賞這個工具背後的概念。而且在贊助活動的後面很清楚地顯示了品牌價值。
從7月底發佈以後， “我的癡迷”（My Faves）活動在Facebook上已經被下載了超過7500次。有一個 “我的癡迷”活動代表專門負責監控討論和回復評論。該公司還贊助了一個面向所有Facebook學生群的“新聞種子”活動。
現在就對最好的社會網絡營銷下定義似乎為時過早，但是該活動的樂趣和適應性很顯然給人留下了深刻印象。從廣告購買的概念出發，它是一個很突出的、社交網絡能做有效地品牌之外應用的例子，可以提高對新品的認知和興趣。網上推廣
發佈者:作者:Web Design香港網頁設計大皇 - 網站優化
網站排名
所有社交網絡的核心都是一件事：朋友。沒有他們就沒有加入的動力，也就沒有成為持久會員的興趣。依靠網絡，用戶們選擇性的增加朋友，像搜集卡片一樣搜集他們。“朋友”對每一個登陸在線社區的單個消費者都是很重要的。
就是因為將這點銘記於心，加拿大通訊公司Telus在Facebook上，進行了一次我認為是最好的廣告活動。這次活動證明社交網絡是告知和教育消費者的一個很好的渠道。
上個月，該公司推介了一款新的名為“我的癡迷”（My Faves）的手機。允許用戶選擇5個朋友（不管他們自己的裝備如何），他們可以享受無限量的通話和文本服務。旨在提升這項新服務的認知度。其目標市場是高中和大學的學生。
Telus求助於多倫多創意代理公司 Teehan & Lax和媒體計劃公司 Media Experts，希望他們能幫助創造出一種，可以反映“我的癡迷”（My Faves）手機特性的社交網絡應用。Facebook很顯然是意中的媒體。根據comScore 的數據，3月份該站點吸引了750萬唯一的、年齡在25歲以下的加拿大用戶。Facebook還發現27%的加拿大受眾年齡在18歲以下，56%的人年齡在18至24歲。今年早些時候，站點的流量超過了MySpace，成為加拿大的領導社交網絡。
任何熟悉Telus廣告的人都對它採用動物形象不會感到驚異。該公司一向以應用會說話的動物和自然主題做推廣而著名。這二者都是為了使它與競爭者的無線設備區分開，並且很聰明的突出了他們服務的不同特點。
在“我的癡迷”案例中，選擇的動物為魚。具體應用方法則是：提供一個魚碗，Facebook的會員們可以將它添加在自己的檔案頁中。為了佔用這個碗，他們選擇5個Facebook的朋友，每個人都以一種不同的魚做代表。用戶也可以給他們的魚碗添加著名的加拿大商標。
在整個過程中採用的語言與Telus品牌形象一致，對產品的推薦也與最終推廣目標一致。
“你與誰一起游泳？用你自己檔案頁中的虛擬魚碗告訴世界。”在創造了能代表用戶的魚後，Telus就發送這條信息：“你看起來很孤獨，你應該與密友們一起游泳。讓我們開始添加你的最愛吧。”當朋友們被添加了之後，他們收到一封電子郵件通知，該通知會介紹一下 Telus “我的癡迷”（My Faves）活動：
“看看這個我為我們建造的魚碗。也給自己建一個吧。好告訴這個世界你癡迷誰！ ‘我的癡迷’（My Faves）是來自TELUS公司的一個嶄新的偉大的計劃。它可以給你無限制在任何時間利用任何網絡，向5位朋友，進行本地通話和測試的機會。”
一旦製作過程完成，用戶會被提供密碼，可以將魚碗加在自己的個人博客上，或者其它社交站點上。這項應用，執行得天衣無縫，不像那個頂尖朋友widget，要在Facebook上轉大大的一圈。這項活動與眾不同是因為“選出最有價值的朋友”和“與5個朋友通話”有共同基礎。不管下載這個Facebook 魚碗的人是不是Telus的訂戶，他們都會很欣賞這個工具背後的概念。而且在贊助活動的後面很清楚地顯示了品牌價值。
從7月底發佈以後， “我的癡迷”（My Faves）活動在Facebook上已經被下載了超過7500次。有一個 “我的癡迷”活動代表專門負責監控討論和回復評論。該公司還贊助了一個面向所有Facebook學生群的“新聞種子”活動。
現在就對最好的社會網絡營銷下定義似乎為時過早，但是該活動的樂趣和適應性很顯然給人留下了深刻印象。從廣告購買的概念出發，它是一個很突出的、社交網絡能做有效地品牌之外應用的例子，可以提高對新品的認知和興趣。網上推廣
SEO E文站經驗分享 英文站者必看
SEO E文站經驗分享 英文站者必看
發佈者:作者:Web Design香港網頁設計大皇 - 網站優化
網站排名
現在的個人站長依靠Google廣告，收入明顯地比過去兩年減少，從而不少站長都轉向做英文站，以獲得高額收入，對於新朋友來說，做英文站可不像腦中想像的那樣簡單，不是簡單的把中文文字用yahoo翻譯或者Goole翻譯工具翻譯下就可以了，你需要面對的還有很多，中國人做外國站，最主要的就是語言上的問題，建議大家做好站後先找個外國朋友看看再做下一步工作。不少朋友都說，做英文站的最大問題是域名和空間問題，這只是片面的，真正的問題是英文站的價值，在國外，只有有價值的網站他們才會遊覽，在他們眼中，訪問時間就是金錢。這樣，最大的問題也就出來了，怎樣做才能獲得更多的外國朋友來訪問。(這就是我們中國人說的流量問題，有人說做英文站用中國流量，我告訴你，這樣做可以，但你的廣告費不會有明顯的增多，只有外國的ip點擊後獲得的廣告費才會高點)，通過這些天的學習，我就把自己的經驗分享給大家吧，內容太多，我就把要點總結下吧：
第一：你的英文站必須有準確的製作策略
英文站的設計和製作，必須符合外國人的風格、文化習慣和使用互聯網搜索信息的方式，遵照他們的心理去製作，他們見面愛談天氣，你就製作關於天氣的內容，切不要把中國的一套東西搬到外國，中國人上qq先問的就是男女，年齡……你不知，外國人最不喜歡別人打聽他們的年齡。
第二：你的英文站必須能夠贏得在互聯網上的競爭。(針對企業網站和商務網站)
你的產品，各個國家都有可能在生產，都有可能通過網站來贏得潛在顧客。你的網站必須能在競爭中走在前面，要不，你的網站建立的意義就大打折扣。這裡所說針對的是企業網站，對於個人網站就是多做國外稀少的類型，外國人對中國不瞭解，你就做中國武術，他一定不會做，這樣你就少了不少競爭對手。一個討論英文站賺錢的地方網絡廣告社區討論國外廣告與國外聯盟信息，交流英文網站製作及運營經驗，幫助中國站長進入國際網絡廣告市場
第三：你的英文站必須在搜索引擎上面能夠被外國人搜索到
如果你的站在Google，yahoo，msn裡搜索不到，那是多麼可怕的一件事情，自己的付出和投資就……所以，你必須優化，由於seo對我們中國人來說：網站的中文優化都很困難，更別提英文優化。我就介紹個笨方法吧，雖笨卻很使用，到各大搜索引擎找到是以com結尾的域名進行提交，(當然，如果你對英文比較精通，順便找找英國的Google和YaHoo提提交地址及英國常用的搜索引擎進行提交，以此類推，再找其它國家的搜索引擎進行提交)再就是聊天多用msn，多交一些外國朋友，向他們推薦你的網站，讓他們幫你宣傳，不過前提是你的網站不能太垃圾，這裡的垃圾不是指採集站。遊覽國外論壇，網站留下自己的站址，類似的方法還有很多，我就不一一闡述了。
第四：你的英文站必須能幫助你實現自主管理
這裡所指的是經常更新，對於國外站，最不方便的就是網站的管理，由於語言上的障礙，我們往往不知道如何管理，這就要你多學習英文了，起碼要懂得關於網站，網絡常用的一些詞彙，有做英文站打算的朋友現在就開始努力學習吧。
第五：英文創意設計和美工
每個人都有自己的審美標準，能夠適合中國人的網站美工不一定適合美國人、英國人或者澳大利亞人，何況美國人、英國人或者澳大利亞人儘管都說英語，審美標準也不同。必須多遊覽國外的網站，仿照他們的設計風格來滿足大多數人來遊覽你的網站，雖然這做起來很困難，你要知道，一旦你成功了，所獲得的回報也是不同凡響。
第六：域名空間的選擇
這是最後一點，也是本篇文章最不主要的一點，不少朋友不說也知道，做英文站最好用國際域名(com、net、org)至於用他們中的哪個這不重要，重要的是做好網站的內容，頁面，設計出符合他們喜歡的網站，為讀者提供由價值的東西。空間，最好用國外空間，在訪問速度上有保證。文章發於花蚊子資訊。網上推廣
發佈者:作者:Web Design香港網頁設計大皇 - 網站優化
網站排名
現在的個人站長依靠Google廣告，收入明顯地比過去兩年減少，從而不少站長都轉向做英文站，以獲得高額收入，對於新朋友來說，做英文站可不像腦中想像的那樣簡單，不是簡單的把中文文字用yahoo翻譯或者Goole翻譯工具翻譯下就可以了，你需要面對的還有很多，中國人做外國站，最主要的就是語言上的問題，建議大家做好站後先找個外國朋友看看再做下一步工作。不少朋友都說，做英文站的最大問題是域名和空間問題，這只是片面的，真正的問題是英文站的價值，在國外，只有有價值的網站他們才會遊覽，在他們眼中，訪問時間就是金錢。這樣，最大的問題也就出來了，怎樣做才能獲得更多的外國朋友來訪問。(這就是我們中國人說的流量問題，有人說做英文站用中國流量，我告訴你，這樣做可以，但你的廣告費不會有明顯的增多，只有外國的ip點擊後獲得的廣告費才會高點)，通過這些天的學習，我就把自己的經驗分享給大家吧，內容太多，我就把要點總結下吧：
第一：你的英文站必須有準確的製作策略
英文站的設計和製作，必須符合外國人的風格、文化習慣和使用互聯網搜索信息的方式，遵照他們的心理去製作，他們見面愛談天氣，你就製作關於天氣的內容，切不要把中國的一套東西搬到外國，中國人上qq先問的就是男女，年齡……你不知，外國人最不喜歡別人打聽他們的年齡。
第二：你的英文站必須能夠贏得在互聯網上的競爭。(針對企業網站和商務網站)
你的產品，各個國家都有可能在生產，都有可能通過網站來贏得潛在顧客。你的網站必須能在競爭中走在前面，要不，你的網站建立的意義就大打折扣。這裡所說針對的是企業網站，對於個人網站就是多做國外稀少的類型，外國人對中國不瞭解，你就做中國武術，他一定不會做，這樣你就少了不少競爭對手。一個討論英文站賺錢的地方網絡廣告社區討論國外廣告與國外聯盟信息，交流英文網站製作及運營經驗，幫助中國站長進入國際網絡廣告市場
第三：你的英文站必須在搜索引擎上面能夠被外國人搜索到
如果你的站在Google，yahoo，msn裡搜索不到，那是多麼可怕的一件事情，自己的付出和投資就……所以，你必須優化，由於seo對我們中國人來說：網站的中文優化都很困難，更別提英文優化。我就介紹個笨方法吧，雖笨卻很使用，到各大搜索引擎找到是以com結尾的域名進行提交，(當然，如果你對英文比較精通，順便找找英國的Google和YaHoo提提交地址及英國常用的搜索引擎進行提交，以此類推，再找其它國家的搜索引擎進行提交)再就是聊天多用msn，多交一些外國朋友，向他們推薦你的網站，讓他們幫你宣傳，不過前提是你的網站不能太垃圾，這裡的垃圾不是指採集站。遊覽國外論壇，網站留下自己的站址，類似的方法還有很多，我就不一一闡述了。
第四：你的英文站必須能幫助你實現自主管理
這裡所指的是經常更新，對於國外站，最不方便的就是網站的管理，由於語言上的障礙，我們往往不知道如何管理，這就要你多學習英文了，起碼要懂得關於網站，網絡常用的一些詞彙，有做英文站打算的朋友現在就開始努力學習吧。
第五：英文創意設計和美工
每個人都有自己的審美標準，能夠適合中國人的網站美工不一定適合美國人、英國人或者澳大利亞人，何況美國人、英國人或者澳大利亞人儘管都說英語，審美標準也不同。必須多遊覽國外的網站，仿照他們的設計風格來滿足大多數人來遊覽你的網站，雖然這做起來很困難，你要知道，一旦你成功了，所獲得的回報也是不同凡響。
第六：域名空間的選擇
這是最後一點，也是本篇文章最不主要的一點，不少朋友不說也知道，做英文站最好用國際域名(com、net、org)至於用他們中的哪個這不重要，重要的是做好網站的內容，頁面，設計出符合他們喜歡的網站，為讀者提供由價值的東西。空間，最好用國外空間，在訪問速度上有保證。文章發於花蚊子資訊。網上推廣
订阅：
博文 (Atom)
