Time of Update: 2018-12-06
做了web開發那麼久,竟然不知道XHTML和HTML的區別?是啊,但是也不照樣做的好好的嗎?但是看了下面這些,你也許會覺得開心的:首先我們先各自介紹一下: HTML:(超文字標記語言 (HTML))html一開始只能顯示自己的電腦上的文本和圖片,後來作者是想讓在自己的文本上看到別人的文本和圖片,那麼這個文本就叫超文本了,並且一般是點擊一個連結連到對方的文本的,那麼這個就是標記的意思。現在最新的HTML是4.0版本的。 XML:(可延伸標記語言
Time of Update: 2018-12-06
我愛棒棒糖!
Time of Update: 2018-12-06
<style>* {margin:0; padding:0; list-style:none;}body{font-size:12px; margin:100px;}#info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(http://shanghai.kijiji.cn/cg_img/home_r_bg1.gif) no-repeat left top; float:left; }#info ul{
Time of Update: 2018-12-06
項目上需要個快顯功能表,要求要陰影+圓角。。陰影不敢用PNG格式,客戶大多是使用IE6的,用濾鏡又不好控制。乾脆搞個純CSS的像素圓角+陰影(類比)吧,哈哈。思路是這樣的: 代碼如下:cssCode highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-06
.left{ width:100px; height:100px; background-color:#eeeeee; border:1px solid green; float:left;}.right{ width:100px; height:100px; background-color:#aaaaaa; border:1px solid red; float:right;}#b{ width:100px;
Time of Update: 2018-12-06
主要應用的選取器就三類:元素選取器,ID選取器,類別選取器。選取器的結合關係有三種:後代結合、子項目結合、相鄰兄弟結合。元素選取器就是以html文檔中的標準元素標籤作為選取器的標誌的。如:h1 {color:red; font-size:14px;} ID選取器,以元素的唯一ID作為選取器標誌。如:#red {color:red;}#green {color:green;} 類別選取器,以元素的類(class)作為選取器標誌。如:.center {text-align:
Time of Update: 2018-12-06
css打造自己的部落格園 現在互連網上提供的社區、部落格、免費空間的網站有很多。像交友類的社區網站有myspace、facebook,國內的則有校內、億聚、佔座等,而部落格則有像部落格中國、新浪部落格、部落格園等。我學習web前端技術也有一定的時間了,最近在部落格園這個國內著名的開發網站上註冊了一個帳戶。昨天剛考完試,今天周末,有一把時間供自己揮霍。就開始自己整整部落格。
Time of Update: 2018-12-06
常常在css書上或上網逛的時候看到很多設計很好的網站,當然最經常做的事就是加入收藏夾,但是常常裝系統的時候忘了儲存收藏夾。所以今天就把常上的css網站網址貼出來,做個備忘。一、作品類網站</p> 1,http://www.csszengarden.com/ 網頁設計領域最著名的網站 2,http://www.dark-i.com/ 根據網頁配色尋找優秀網頁 3,http://w3csites.com/
Time of Update: 2018-12-06
1,grids.css中頁面配置的寬度用的是em寬度,是因為em會隨著使用者調整字型的大小(查看-文字大小)而改變寬度,從而有更好的使用者體驗;2,根據reset.css,頁面字型大小為13px,所以頁面寬度也要根據13px來設定em,但是,在ie中有點問題,如果在firefox等標準瀏覽器中字1em為13px的話,在ie中要13.3333px,而且用*過濾器來設定ie中的em寬度。如在body字型大小為13px的情況下設定頁面寬度為600px,在ie中為45.00em,而在firefox等標準
Time of Update: 2018-12-06
這裡荒廢好久了,我決定把它開墾出來,重新播種。開學一個星期了,才把上學期運量的學校網站改版的計劃開始實施起來。製作過程中參考了其他學校的網站風格,我決定使用div+css來製作,徹底拋棄Table。我更多的喜歡在代碼裡面打轉,所以我還是偏愛MS的工具,不喜歡DW太多的面板,礙眼的很,也不習慣。Windows都發展到7了,Office也早就是2007了,但Frontpage卻沒有了,取而代之的是服務於企業SharePoint的一個版本和用於專業級網頁編程設計的Expression
Time of Update: 2018-12-06
因為想給黃岐生活資訊網的論壇加圖片上傳功能,但又不想使用組件來控製圖片上傳後的大小,因此就採用了CSS來控制,尋找了半天,最開始找到的是:CSS控製圖片縮放1Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-06
我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什麼嗎?
Time of Update: 2018-12-06
偽類 :first-child 偽類。偽類向元素的第一個子項目添加樣式。例如我們想列表中的第一個元素做點特別的定義li:first-child{color:red}<ul><li>這是ul裡的一個li</li><li>這是ul裡的二個li</li><li>這是ul裡的三個li</li></ul>連結偽類::link 和:visited例如:a:link{color:#33FF00;}a:visite
Time of Update: 2018-12-06
要求:在不同的瀏覽器下,要求字多的時候,框會自動延伸,字少的情況下是200px,字沒有的情況下還是這個高度。此例子主要用了(!important) CSS代碼: *{padding:0; margin:0}body{ font-size:30px;padding:100px}.box{width:300px; height:auto !important; min-height:200px;border:5px solid #000000} HTML代碼: View Code 1
Time of Update: 2018-12-06
1. css匯入: 第一種是把CSS文檔放到<head>文檔中: <style type=“text/css”> …… </style> 其中<style>中的“type=‘text/css’”的意思是<style>中的代碼是定義樣式表單的。 第二種方法是把CSS樣式表寫在HTML的行內,比如下面的代碼: <p
Time of Update: 2018-12-06
翻譯自:In Search of the Holy Grail原文:http://www.alistapart.com/articles/holygrail這個翻譯的頁面著作權歸greengnn所有,轉載請註明出處第一步:建立一個結構xhtml開始於header, footer, and container<div id="header"></div><div id="container"></div><div id="footer">
Time of Update: 2018-12-06
CuteEditor 功能十分強大,也簡單易用,項目中喜歡使用它,但令人鬱悶的是使用它在載入的時候編輯區總是閃過這樣的錯誤:使用主題 css 檔案要求頁上有標題控制項。(例如 <head runat="server" />)。 點擊工具列裡的插入樣板按鈕也彈出這樣的錯誤頁面,雖不是很影響使用,但卻很影響心情。最初以為是引用CuteEditor的頁面使用了MasterPage,子頁沒有<head>標籤引起的,但是不使用MasterPage的頁同樣會出現這樣的錯誤。最後,
Time of Update: 2018-12-06
概要: 看到許多網站的邊框許多是圓角的,很漂亮,可是我作圖本領不行,所以想想能不能用css實現呢?經過一番搜尋,有了發現.主要原理大概是線條的重疊.下面做一番分析,如果有不妥,希望各位能糾正,在此先謝過了. CSS代碼:Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-06
製作頁面時,有時需要在表格插入入背景圖,我們可以使用CSS進行控制,代碼: style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;" 其中,./images/counter_bg.jpg為顯示圖片路徑。
Time of Update: 2018-12-06
以下直接給出代碼:第一種:<Html><head><style>#a{border-left:1px #333 solid;border-right:1px #333 solid;width:300px;height:500px;}.b{height:1px;overflow:hidden;border-left:1px #333 solid;border-right:1px #333