學習web開發,理解HTML,XHTML,XML,CSS,JS等技術的關係後,眼界會更寬(publish by sunwei)

做了web開發那麼久,竟然不知道XHTML和HTML的區別?是啊,但是也不照樣做的好好的嗎?但是看了下面這些,你也許會覺得開心的:首先我們先各自介紹一下: HTML:(超文字標記語言 (HTML))html一開始只能顯示自己的電腦上的文本和圖片,後來作者是想讓在自己的文本上看到別人的文本和圖片,那麼這個文本就叫超文本了,並且一般是點擊一個連結連到對方的文本的,那麼這個就是標記的意思。現在最新的HTML是4.0版本的。 XML:(可延伸標記語言

輕鬆學DIV教程(div+css布局)

我愛棒棒糖!    

一個非常棒的DIV+CSS導航條效果!

<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{ 

類比陰影製作效果純CSS圓角矩形[原創]

項目上需要個快顯功能表,要求要陰影+圓角。。陰影不敢用PNG格式,客戶大多是使用IE6的,用濾鏡又不好控制。乾脆搞個純CSS的像素圓角+陰影(類比)吧,哈哈。思路是這樣的:  代碼如下:cssCode highlighting produced by Actipro CodeHighlighter

沒搞懂的一段css

.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;

CSS中的選取器總結

主要應用的選取器就三類:元素選取器,ID選取器,類別選取器。選取器的結合關係有三種:後代結合、子項目結合、相鄰兄弟結合。元素選取器就是以html文檔中的標準元素標籤作為選取器的標誌的。如:h1 {color:red; font-size:14px;} ID選取器,以元素的唯一ID作為選取器標誌。如:#red {color:red;}#green {color:green;} 類別選取器,以元素的類(class)作為選取器標誌。如:.center {text-align:

css打造自己的部落格園

    css打造自己的部落格園    現在互連網上提供的社區、部落格、免費空間的網站有很多。像交友類的社區網站有myspace、facebook,國內的則有校內、億聚、佔座等,而部落格則有像部落格中國、新浪部落格、部落格園等。我學習web前端技術也有一定的時間了,最近在部落格園這個國內著名的開發網站上註冊了一個帳戶。昨天剛考完試,今天周末,有一把時間供自己揮霍。就開始自己整整部落格。   

css網站一覽

    常常在css書上或上網逛的時候看到很多設計很好的網站,當然最經常做的事就是加入收藏夾,但是常常裝系統的時候忘了儲存收藏夾。所以今天就把常上的css網站網址貼出來,做個備忘。一、作品類網站</p>    1,http://www.csszengarden.com/        網頁設計領域最著名的網站    2,http://www.dark-i.com/        根據網頁配色尋找優秀網頁    3,http://w3csites.com/       

YUI中的css——Grids.css

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等標準

學習div+css

這裡荒廢好久了,我決定把它開墾出來,重新播種。開學一個星期了,才把上學期運量的學校網站改版的計劃開始實施起來。製作過程中參考了其他學校的網站風格,我決定使用div+css來製作,徹底拋棄Table。我更多的喜歡在代碼裡面打轉,所以我還是偏愛MS的工具,不喜歡DW太多的面板,礙眼的很,也不習慣。Windows都發展到7了,Office也早就是2007了,但Frontpage卻沒有了,取而代之的是服務於企業SharePoint的一個版本和用於專業級網頁編程設計的Expression

CSS使映像等比例縮放相容IE6、IE7、FF

因為想給黃岐生活資訊網的論壇加圖片上傳功能,但又不想使用組件來控製圖片上傳後的大小,因此就採用了CSS來控制,尋找了半天,最開始找到的是:CSS控製圖片縮放1Code highlighting produced by Actipro CodeHighlighter

CSS:@import與link的具體區別

我們也經常聽到有人說要使用link來引入CSS更好,但是你知道為什麼嗎?

css虛擬元素

 偽類 :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

div+css如何?最小高度。

要求:在不同的瀏覽器下,要求字多的時候,框會自動延伸,字少的情況下是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

css的一些基礎的東西

         1. css匯入:       第一種是把CSS文檔放到<head>文檔中:     <style type=“text/css”> …… </style>     其中<style>中的“type=‘text/css’”的意思是<style>中的代碼是定義樣式表單的。   第二種方法是把CSS樣式表寫在HTML的行內,比如下面的代碼:     <p

css——之三行三列等高布局

翻譯自: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">

修正CuteEditor的錯誤“使用主題css檔案要求頁上有標題檔案”

  CuteEditor 功能十分強大,也簡單易用,項目中喜歡使用它,但令人鬱悶的是使用它在載入的時候編輯區總是閃過這樣的錯誤:使用主題 css 檔案要求頁上有標題控制項。(例如 <head runat="server" />)。 點擊工具列裡的插入樣板按鈕也彈出這樣的錯誤頁面,雖不是很影響使用,但卻很影響心情。最初以為是引用CuteEditor的頁面使用了MasterPage,子頁沒有<head>標籤引起的,但是不使用MasterPage的頁同樣會出現這樣的錯誤。最後,

CSS 圓角邊框詳解

  概要: 看到許多網站的邊框許多是圓角的,很漂亮,可是我作圖本領不行,所以想想能不能用css實現呢?經過一番搜尋,有了發現.主要原理大概是線條的重疊.下面做一番分析,如果有不妥,希望各位能糾正,在此先謝過了.  CSS代碼:Code highlighting produced by Actipro CodeHighlighter

css實現背景圖展開 附:Css背景樣式參數 屬性,用法,以及對網頁層的深入瞭解

 製作頁面時,有時需要在表格插入入背景圖,我們可以使用CSS進行控制,代碼: style="background-image:url(./images/counter_bg.jpg);background-repeat: no-repeat;background-position: right bottom;" 其中,./images/counter_bg.jpg為顯示圖片路徑。

CSS實現圓角的三種方法

以下直接給出代碼:第一種:<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

總頁數: 694 1 .... 198 199 200 201 202 .... 694 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.