Time of Update: 2018-12-05
Time of Update: 2018-12-05
CSS
Time of Update: 2018-12-05
CSS文檔流與區塊層級元素(block)、內嵌元素(inline),之前翻閱不少書籍,看過不少文章, 看到所多的是零碎的CSS布局基本知識,比較表面.看過O'Reilly的<CSS權威指南>,發現裡面提到的文檔流概念讓我很敏感. 可惡的是書中並沒有解釋文檔流是什麼東西,或許作者覺得這個太簡單了以至於不值一提.但我覺得,這個概念實在太重要了.理解了它,一堆css布局的理論都 變得易於理解,並且體會到CSS這套設計的合理性所在.
Time of Update: 2018-12-05
用法:<!--[if lt IE 8]>code here<![endif]-->解釋語句如下:gt = selects greater than(高於)lt = selects less than(低於)gte = selects greater than or equal to(>=)lte = selects less than or equal to(<=)! = selects everything except what directly
Time of Update: 2018-12-05
<title>無標題文檔</title><style type="text/css">/*方法一:使用一個GIF檔案的方法*/ .gifshadow { padding:4px 10px 10px 4px; border:0; border-top:#eee 1px solid; border-left:#eee 1px solid; background-image: url(shadow.gif);/*換成你的圖片*/
Time of Update: 2018-12-05
開發過Android應用的同學們都知道,Android工程-res-layout資源檔夾下存放著控制view布局的xml檔案,我們可以同過getViewById(int
Time of Update: 2018-12-05
漂亮有創意的CSS+DIV網址http://www.liberatutti.it/index.asp?autenticazione=fallitahttp://www.pixel-house.com.au/http://www.hbcweb.com/http://main.wixi.com/http://www.grupoalta.com/http://www.nclud.com/http://www.energyrace.com/ 另外還有一些優秀的Web2.0網站http://www.liv
Time of Update: 2018-12-05
概述 Web項目中我們經常會使用到CSS Reset這個概念。那麼CSS Reset是什麼了。我們知道不同的瀏覽器對HTML標籤預設的樣式是有差別的,例如ul預設帶有縮排的樣式,在IE下,它的縮排是通過margin實現的,而在Firefox下,它的縮排是由padding實現的。在實際開發中,瀏覽器的預設樣式會給我帶來很多意想不到的麻煩。省去這些麻煩的方式--一開始就將瀏覽器的預設樣式全部覆蓋。這就引申出CSS Reset概念。最簡單的說法CSS
Time of Update: 2018-12-05
1.解決背景不能延伸的問題<div id="content"><div id="main"> <div id="maincol"></div> <div id="xcol"></div></div><div id="subcol"></div></div><style type="text/css"><!--#content{width:700px; back
Time of Update: 2018-12-05
css中的position的relative和absolute預設的屬性值都是static,靜態。就不用多說了。最關鍵的是relative(相對)以及absolute(絕對)。往往我們如果是COPY別人的代碼,會把absolute屬性與left、top配合起來製作相關的“懸浮層”效果。然而有時候我們需要針對某一個容器的懸浮效果,而不是針對視窗的。這時候通過高度、寬度的計算不但麻煩,而且幾乎無法完美實現效果。我一開始也無能為力,後來發現只要把其上一級的樣式屬性position設定為relative
Time of Update: 2018-12-05
在當前IE6 IE7 FifeFox三分天下的情況下,瀏覽器安全色性問題成為網頁設計者需要考慮的問題. 區別不同瀏覽器的CSS hack寫法: 區別IE6與FF: background:orange;*background:blue; 區別IE6與IE7: background:green !important;background:blue; 區別IE7與FF: background:orange; *background:green; 區別FF,
Time of Update: 2018-12-05
1.寫規則 當使用css定義字型時你可能會這樣做: font-size: 1em; line-height: 1.5em; font-weight: bold; font-style: italic; font-variant: small-caps; font-family: verdana,serif; 事實上你可以簡寫這些屬性: font: 1em/1.5em bold italic small-caps verdana,serif 現在好多了吧,
Time of Update: 2018-12-05
CSS和JavaScript標籤對照表盒子標籤和屬性對照CSS文法 (不區分大小寫)JavaScript文法 (區分大小寫)border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomWidth border-color borderColor
Time of Update: 2018-12-05
一個簡單、隱藏的菜單,初始時只有一個指示用的功能表標籤,當滑鼠移動到功能表標籤上時顯示出完整的菜單。Javascript有許多版本,但很少有CSS的版本,我認為到目前為止這個菜單是唯一的. 菜單工作在 IE5.5, IE6, IE7, Firefox, Opera, Netscape 8 and Mac Firefox 1.5 and Safari ,不能工作在 Mac IE5.x.它也可以做成多級展開菜單. 階層式樣式表加正常的樣式表(非IE)<link rel="stylesheet"
Time of Update: 2018-12-05
CSS代碼<style type="text/css"> .Freezing {}{ position:relative ; table-layout:fixed; top:expression(this.offsetParent.scrollTop); z-index: 10; } .Freezing th{}{text-overflow:ellipsis;overflow:hidden;white
Time of Update: 2018-12-05
CSS基礎 引用方法:<link rel=stylesheet href=“style.css”> 基本語句結構:選擇符{屬性1:屬性值1;屬性2:屬性值2} 選擇符:可以是HTML中任何的標識符,比如TR、TD、P、DIV、IMG甚至BODY都可以作為選 擇符。 選擇符中的內容將會以大括弧內屬性值定義的格式來顯示。 除了選擇符外,css還提供了幾種選取器來讓html調用css: 群選取器:當幾個元素樣式屬性一樣時,可以共同調用一個聲明,元素之間用逗號分隔,
Time of Update: 2018-12-05
第二天開始. 昨天學習了css的基本用法.包括css的引用和一些常用css屬性。掌握了css的基本用法,只是完成了css+div排版的第一步。說到排版,最重要的莫過於定位。我們用table來排版的時候是直接在網頁上畫出一個個格子,把內容填充到相應的格子裡去。用css也是這個原理,不過css不能直接劃格子,它有它自己的一套定位方法。今天的目標就是掌握css的定位。
Time of Update: 2018-12-05
代碼解析HTML 程式碼部分<div class="save"><h1><a href="javascript:void(0)" class="dsphead"onclick="dsp(this)"><span class="dspchar">+</span> heading</a></h1><div
Time of Update: 2018-12-05
/**default css style**/html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }li { display: list-item }head { display: none }table {
Time of Update: 2018-12-05
之前經常遇見classname、csstext之類的詞,卻不知道如何用。通常在網頁中樣式表的調用方法有四種。第一是外鏈,即<link rel="StyleSheet" href = "/control/css/base.css">的形式;第二是輸入樣式表;第三是在網頁頭部申明,如<head> <style type="text/css">...;最後是直接在對象後寫樣式,即<div style =