<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    GONE WITH THE WIND

    --tomorrow is another day

      BlogJava :: 首頁(yè) :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
      30 隨筆 :: 19 文章 :: 0 評(píng)論 :: 0 Trackbacks

    2009年4月2日 #

    LI代碼的格式化:
    A).運(yùn)用CSS格式化列表符: ul li{
    list-style-type:none;
    }
    B).假如你想將列表符換成圖像,則: ul li{
    list-style-type:none;
    list-style-image: url(/blog/images/icon.gif);
    }
    C).為了左對(duì)齊,可以用如下代碼: ul{
    list-style-type:none;
    margin:0px;
    }
    D).假如想給列表加背景色,可以用如下代碼: ul{
    list-style-type: none;
    margin:0px;
    }
    ul li{
    background:#CCC;
    }
    E).假如想給列表加MOUSEOVER背景變色效果,可以用如下代碼: ul{ list-style-type: none; margin:0px; }
    ul li a{ display:block; width: 100%; background:#ccc; }
    ul li a:hover{ background:#999; }說(shuō)明:display:block;這一行必須要加的,這樣才能塊狀顯示!

    F).LI中的元素水平排列,要害FLOAT:LEFT: ul{
    list-style-type:none;
    width:100%;
    }
    ul li{
    width:80px;
    float:left;
    }
    <ul><li>的區(qū)別
    <LI> 的參數(shù)設(shè)定(常用):
     


    例如: <li type="square" value="4">

    type="square"
    只適用于非順序清單,設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
    符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
    符號(hào) if" width=10 height=10 border=0> 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
    符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。
    value="4"
    只適用于順序清單,設(shè)定該一項(xiàng)的數(shù)目,其後各項(xiàng)將以此作為起始數(shù)目而遞增,但前面各項(xiàng)則不受影響,其值只能是 1,2,3.. 等整數(shù),沒(méi)有內(nèi)定值。
    <UL>稱(chēng)為無(wú)序清單標(biāo)記。
    所謂無(wú)序清單就是在每一項(xiàng)前面加上 、、等符號(hào),故又稱(chēng)符號(hào)清單。
    <UL> 的參數(shù)設(shè)定(常用):
    例如: <UL type="square">

    type="square"
    設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
    符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
    符號(hào) 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
    符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。

    <ul>是項(xiàng)目列表,<li>是列表項(xiàng),項(xiàng)目列表就是用符號(hào)來(lái)列的,所以你列出來(lái)默認(rèn)的就是黑點(diǎn)啦,還有一個(gè)是<ol>這個(gè)是編號(hào)列表,用數(shù)字來(lái)列的,也是用<li>做列表項(xiàng)

     


    <li>是 list item 即列表項(xiàng),但列表有很兩種,所以外面得有 <ul> 或者 <ol> 用來(lái)區(qū)別無(wú)序列表(小點(diǎn)點(diǎn))和有序列表(1,2,3...)。

    posted @ 2009-04-13 09:22 張永耀 閱讀(396) | 評(píng)論 (0)編輯 收藏

    (from:http://www.0574dh.com/article.asp?id=420)

    /* mozilla.org Base Styles
    * maintained by fantasai
    * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
    */
    /* Suggested order:
    //顯示屬性
    * display
    * list-style
    * position
    * float
    * clear
    //自身屬性
    * width
    * height
    * margin
    * padding
    * border
    * background
    //文本屬性
    * color
    * font
    * text-decoration
    * text-align
    * vertical-align
    * white-space
    * other text
    * content
    *
    */
    posted @ 2009-04-08 12:31 張永耀 閱讀(184) | 評(píng)論 (0)編輯 收藏

    (from: http://www.webwoo.net/bc/bencandy-38-20144-1.htm)
    優(yōu)化代碼:網(wǎng)頁(yè)技術(shù)CSS的font屬性的縮寫(xiě)的技巧,縮寫(xiě)有利于減少代碼,優(yōu)化CSS,使之更加合理。

      css font屬性是用來(lái)控制文字字體、顏色、大小等。而font的屬性有多種,在通常情況下,我們用縮寫(xiě)的辦法將多種屬性概括在一句css代碼中。這樣極大的減小了代碼,優(yōu)化css文件。

      我們常用的font屬性有下面這六種:

    font-style設(shè)定斜體 如:font-style: italic;
    font-weight設(shè)定文字粗細(xì) 如:font-weight: bold;
    font-size設(shè)定文字大小 如:font-size: 12px;
    line-height設(shè)定行距 如:line-height: 150%;
    color設(shè)定文字顏色(注意不是font-color) 如:color: red;
    font-family設(shè)定字體 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;

      上述的屬性,我們可以概括寫(xiě)在一行font屬性里。需要注意的是color屬性我們需要單獨(dú)定義。

    font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;}

      上面的例子用一行來(lái)定義font屬性,分別是:font-style font-weight font-size line-height font-family;而color設(shè)定文字顏色需要單獨(dú)進(jìn)行定義。

    posted @ 2009-04-08 12:30 張永耀 閱讀(194) | 評(píng)論 (0)編輯 收藏

    使用PHP編程的人都會(huì)碰到這樣一個(gè)問(wèn)題:當(dāng)PHP代碼和HTML代碼在一起的時(shí)候,看PHP代碼很費(fèi)勁,整個(gè)文件也無(wú)法用Dreamweaver來(lái)編輯,這對(duì)于PHP程序員和美工來(lái)講,修改這樣的文件就象一個(gè)噩夢(mèng)。
    PHP中的模板(Template)技術(shù)就是為了解決這個(gè)問(wèn)題而出現(xiàn)的。PHP模板類(lèi)有很多,比較常見(jiàn)的是 FastTemplate 和 PHPLib, 因?yàn)槌霈F(xiàn)得早,在PHP編程界名聲很大。PHP程序員不知道這兩個(gè)類(lèi),就象VB程序員不知道MsgBox函數(shù)一樣,是一件不可思議的事情。
    以前我們需要去下載PHP模板類(lèi),現(xiàn)在PHP4有了自己的模板類(lèi) IntegratedTemplate 和 IntegratedTemplateExtension,功能和PHPLib 差不多。這兩個(gè)類(lèi)是子類(lèi)和父類(lèi)的關(guān)系。一般我們用 IntegratedTemplateExtension 就可以了。讓人感到不可思議的是 IntegratedTemplate 不是從 PEAR 類(lèi)繼承過(guò)來(lái),無(wú)法用到 PEAR 類(lèi)的 debug 功能。
    以下舉例子說(shuō)明它們的用法,假設(shè) IntegratedTemplate 類(lèi)和 IntegratedTemplateExtension 類(lèi)分別在 C:\php4\pear\HTML\ITX.php 和 C:\php4\pear\HTML\ITX.php 中。我們寫(xiě)的代碼放在C:\TestPHP\PHP4\Welcome.htm 和 C:\TestPHP\HTML\Welcome.php 中。將C:\TestPHP\PHP4 在Web Server 上設(shè)成虛擬目錄 /testphp 并且給與腳本執(zhí)行權(quán)限,確認(rèn)C:\TestPHP\HTML\Welcome.htm 無(wú)法通過(guò)遠(yuǎn)端瀏覽器訪問(wèn)。在 php.ini 里面設(shè)置 include_path = ".;C:\php4\pear"
    例1:
    我們?cè)贖TML文件中放置變量的標(biāo)記,用PHP代碼設(shè)置變量的值,然后將HTML中的標(biāo)記替換掉,最后輸出到客戶(hù)瀏覽器。
    以下是 Welcome.htm 代碼,我們放了三個(gè)PHP tag(變量標(biāo)記)為: {WelcomeTitle}、{UserName}、{WelcomeMessage}



    您好,{UserName}


    {WelcomeMessage}



    以下是Welcome.php代碼
    <?php
    require_once "HTML/ITX.php";

    //以下是給變量賦值,在實(shí)際代碼中可能從Database中取得數(shù)據(jù)然后賦值
    $WelcomeTitle = "歡迎來(lái)到網(wǎng)頁(yè)天堂";
    $UserName = "皮皮魯";
    $WelcomeMessage = "您的到來(lái)讓我們深感榮幸!";

    //一般來(lái)說(shuō)這種全局變量放在單獨(dú)的一個(gè)文件中,便于維護(hù)
    $HTML_CODE_FILE_ROOT = "../HTML/";

    $tpl = new IntegratedTemplateExtension($HTML_CODE_FILE_ROOT);

    指定要替換 tag 的 HTML 文件
    $tpl->loadTemplatefile("Welcome.htm");

    替換HTML 文件中的 tag
    $tpl->setVariable( array (
    "WelcomeTitle" => $WelcomeTitle,
    "UserName" =>$UserName,
    "WelcomeMessage" =>$WelcomeMessage
    ) );

    輸出替換后的 HTML
    $tpl->show();
    ?>

    這樣寫(xiě)好后,Welcome.htm 仍然可以使用網(wǎng)頁(yè)編輯器如Dreamweaver、FrontPage 進(jìn)行編輯,Welcome.php中是純粹的PHP代碼,不含HTML,方便以后的代碼修改和維護(hù)。
    如果將 IntegratedTemplateExtension 類(lèi)和 PHP4中的 Cache 類(lèi) 聯(lián)合使用,在速度上可以得到很好的效果。
    PHP4 模板類(lèi)還可以使用 Block,配合其他 PHP4 中的類(lèi) 可以很輕松地實(shí)現(xiàn)數(shù)據(jù)庫(kù)數(shù)據(jù)檢索的翻頁(yè),可以很輕松寫(xiě)出論壇之類(lèi)的軟件。

    補(bǔ)充說(shuō)明:為了防止用戶(hù)直接用 Welcome.htm 看網(wǎng)頁(yè),將 Welcome.htm 放在客戶(hù)訪問(wèn)不到的目錄(只要不在Web Server 的虛擬目錄下即可)。對(duì)于大型的PHP項(xiàng)目,圖片、PHP代碼、HTML文件、多語(yǔ)言字符串文件都應(yīng)該放在不同的目錄,這樣在多人共同做一個(gè)項(xiàng)目時(shí)不至于混亂。
    posted @ 2009-04-08 12:29 張永耀 閱讀(367) | 評(píng)論 (0)編輯 收藏

    分離內(nèi)容和表現(xiàn)
    HTML從來(lái)就不是表現(xiàn)的手段,但從用戶(hù)端結(jié)合元素來(lái)格式化文本,開(kāi)發(fā)者從中找到操作布局的方法。CSS的強(qiáng)大,使得現(xiàn)在不再需要用HTML做任何表現(xiàn)了,而內(nèi)容也可以完全從表現(xiàn)(CSS)中分離出來(lái)。

    這樣做有很多好處──通??梢詨嚎s文件容量,有著用一個(gè)主要樣式表就可控制整個(gè)網(wǎng)站而不是單個(gè)頁(yè)面的靈活性,也可能使頁(yè)面更易用,更具親和力。

    遵循這些基本原則基本上意味著你不應(yīng)該在HTML內(nèi)使用樣式化的任何事物了。比如font的標(biāo)簽,比如bgcolor的屬性不應(yīng)該再使用。甚至在圖像標(biāo)簽img內(nèi)的邊框?qū)傩詁order在XHTML 1.1中也是非法的了。別擔(dān)心,過(guò)時(shí)的HTML可以樣式化,CSS更可以樣式化,而且可以做得更好。

    不僅僅是從HTML內(nèi)剝離表現(xiàn),內(nèi)容的結(jié)構(gòu)意味著在適合的地方使用明確的HTML標(biāo)簽。比如,h1,h2等應(yīng)用在標(biāo)題上──而不僅僅是使用CSS使字體變大而已。

    最佳指引就是一個(gè)可視化的瀏覽器上使用其默認(rèn)的樣式來(lái)呈現(xiàn)一個(gè)沒(méi)有樣式表(或者有樣式表,但不支援樣式表的文本瀏覽器,比如lynx——譯者注)的頁(yè)面。

    表格不應(yīng)該用在布局上──表格用來(lái)表示表格式的數(shù)據(jù)(我們已經(jīng)不厭其煩地說(shuō)了很多次──譯者注)。也許對(duì)于已經(jīng)習(xí)慣傳統(tǒng)結(jié)構(gòu)的HTMLer來(lái)說(shuō),完全改變有很大的技術(shù)難度。這個(gè)方法很大程度上壓縮了文件,而且,基于這些顯性代碼,它變得更易用,更具親和力。

    關(guān)于更多,請(qǐng)閱讀CSS高級(jí)指南的布局。


    在XHTML中所有的標(biāo)簽都必須小寫(xiě)和關(guān)閉。沒(méi)有閉合標(biāo)簽的(如br和img)必須用英文半角正斜杠“/”在后面自關(guān)閉(如<br />)。注意在斜杠前應(yīng)該有一個(gè)英文半角空格。

    標(biāo)記也必須是合式的,使元素正確嵌套(比如<strong><em>this</em></strong>,而不是<strong><em>this</strong></em>)。

    所有的文檔都要有html,head,title和body元素。也必須從文檔類(lèi)型聲明開(kāi)始。

    文檔主體應(yīng)該從 p, h1,h2, h3,h4,h5,h6,div, pre,address,ins或者del開(kāi)始。

    屬性
    所有的屬性必須是小寫(xiě)的,它們的值也要用英文半角引號(hào)括(")起來(lái)。

    精簡(jiǎn)屬性是不允許的(比如<input type="checkbox" checked />)。按慣例,精簡(jiǎn)屬性必須給出跟屬性名稱(chēng)一樣的值(如 <input type="checkbox" checked="checked" />)。

    名字 name屬性不再是合法的了(除了在表單元素中),應(yīng)該使用id來(lái)代替。

    目標(biāo)屬性target不是一個(gè)合法的屬性。慶幸吧,它有些癲狂。

    在img里,alt屬性是必須的。

    親和力
    為殘障人士制做具有親和力網(wǎng)頁(yè)的理由是不證而明的。不僅是人道的,而且也對(duì)老年用戶(hù)和五官功能減退的用戶(hù)有利(想一想,有一天我們老了,視力消退,五官不靈,怎么瀏覽互聯(lián)網(wǎng)?為年老積點(diǎn)德,現(xiàn)在就考慮親和力吧!——譯者注)。親和力不僅與有嚴(yán)重殘障人士方便,也使大部分少量消退功能(特別是視覺(jué))的用戶(hù)更為易用。

    這個(gè)問(wèn)題越來(lái)越牽涉法律問(wèn)題了,比如美國(guó)的“508條款”的采用,試圖積極推動(dòng)強(qiáng)制使用親和力;在英國(guó),所有的政府網(wǎng)站必須有一個(gè)指定的親和力程度。什么時(shí)候才可以有像在建筑物上的親和措施的立法,以便普遍用在商業(yè)網(wǎng)站上?(中國(guó)還不知道什么時(shí)候有這種立法呢!但不等于我們就不要關(guān)注我們?cè)O(shè)計(jì)的網(wǎng)頁(yè)的合法性。——譯者注)

    如果能遵循上述的建議,你的HTML應(yīng)該已經(jīng)具備了為殘障用戶(hù)服務(wù)的高度親和力。還有更多的創(chuàng)作使你的親和力更上一層樓,而且不難。見(jiàn)親和連接和親和表單指南。

    posted @ 2009-04-08 12:28 張永耀 閱讀(363) | 評(píng)論 (0)編輯 收藏

    怎么改善現(xiàn)有網(wǎng)站

    我們大部分的設(shè)計(jì)師依舊在采用傳統(tǒng)的表格布局、表現(xiàn)與結(jié)構(gòu)混雜在一起的方式來(lái)建立網(wǎng)站。學(xué)習(xí)使用XHTML CSS的方法需要一個(gè)過(guò)程,使現(xiàn)有網(wǎng)站符合網(wǎng)站標(biāo)準(zhǔn)也不可能一步到位。最好的方法是循序漸進(jìn),分階段來(lái)逐步達(dá)到完全符合網(wǎng)站標(biāo)準(zhǔn)的目標(biāo)。如果你是新手,或者對(duì)代碼不是很熟悉,也可以采用遵循標(biāo)準(zhǔn)的編輯工具,例如Dreamweaver MX 2004,它是目前支持CSS標(biāo)準(zhǔn)最完善的工具。

    1.初級(jí)改善

    • 為頁(yè)面添加正確的DOCTYPE

    很多設(shè)計(jì)師和開(kāi)發(fā)者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE是document type的簡(jiǎn)寫(xiě)。主要用來(lái)說(shuō)明你用的XHTML或者HTML是什么版本。瀏覽器根據(jù)你DOCTYPE定義的DTD(文檔類(lèi)型定義)來(lái)解釋頁(yè)面代碼。所以,如果你不注意設(shè)置了錯(cuò)誤的DOCTYPE,結(jié)果會(huì)讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇:

    (1)過(guò)渡型(Transitional )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    (2)嚴(yán)格型(Strict )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    (3)框架型(Frameset )

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

    對(duì)于我們初級(jí)改善來(lái)說(shuō),只要選用過(guò)渡型的聲明就可以了。它依然可以兼容你的表格布局、表現(xiàn)標(biāo)識(shí)等,不至于讓你覺(jué)得變化太大,難以掌握。

    Tip:你懶得輸入上面過(guò)渡型代碼的話(huà),可以訪問(wèn)http://www.macromedia.com/網(wǎng)站的首頁(yè),然后查看源代碼,把head區(qū)同樣的代碼拷貝粘貼就可以了。

    • 設(shè)定一個(gè)名字空間(Namespace)

    直接在DOCTYPE聲明后面添加如下代碼:

    <html XMLns="http://www.w3.org/1999/xhtml" >

    一個(gè)namespace是收集元素類(lèi)型和屬性名字的一個(gè)詳細(xì)的DTD,namespace聲明允許你通過(guò)一個(gè)在線地址指向來(lái)識(shí)別你的namespace。只要照樣輸入代碼就可以。

    • 聲明你的編碼語(yǔ)言

    為了被瀏覽器正確解釋和通過(guò)標(biāo)識(shí)校驗(yàn),所有的XHTML文檔都必須聲明它們所使用的編碼語(yǔ)言。代碼如下:

    <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />

    這里聲明的編碼語(yǔ)言是簡(jiǎn)體中文GB2312,你如果需要制作繁體內(nèi)容,可以定義為BIG5。

    • 用小寫(xiě)字母書(shū)寫(xiě)所有的標(biāo)簽

    XML對(duì)大小寫(xiě)是敏感的,所以,XHTML也是大小寫(xiě)有區(qū)別的。所有的XHTML元素和屬性的名字都必須使用小寫(xiě)。否則你的文檔將被W3C校驗(yàn)認(rèn)為是無(wú)效的。例如下面的代碼是不正確的:

    <TITLE>公司簡(jiǎn)介</TITLE>

    正確的寫(xiě)法是:

    <title>公司簡(jiǎn)介</title>

    同樣的,<P>改成<p>,<B>改成<b>等等。這步轉(zhuǎn)換很簡(jiǎn)單。
    • 為圖片添加 alt 屬性

    為所有圖片添加alt屬性。alt屬性指定了當(dāng)圖片不能顯示的時(shí)候就顯示供替換文本,這樣做對(duì)正常用戶(hù)可有可無(wú),但對(duì)純文本瀏覽器和使用屏幕閱讀機(jī)的用戶(hù)來(lái)說(shuō)是至關(guān)重要的。只有添加了alt屬性,代碼才會(huì)被W3C正確性校驗(yàn)通過(guò)。注意的是我們要添加有意義的alt屬性,象下面這樣的寫(xiě)法毫無(wú)意義:

    <img src="logo_unc_120x30.gif" alt="logo_unc_120x30.gif">

    正確的寫(xiě)法:

    <img src="logo_unc_120x30.gif" alt="UNC公司標(biāo)志,點(diǎn)擊返回首頁(yè)">

    • 給所有屬性值加引號(hào)

    在HTML中,你可以不需要給屬性值加引號(hào),但是在XHTML中,它們必須被加引號(hào)。

    例:height="100",而不能是height=100。

    • 關(guān)閉所有的標(biāo)簽

    在XHTML中,每一個(gè)打開(kāi)的標(biāo)簽都必須關(guān)閉。就象這樣:

    <p>每一個(gè)打開(kāi)的標(biāo)簽都必須關(guān)閉。</p>

    <b>HTML可以接受不關(guān)閉的標(biāo),XHTML就不可以。</b>

    這個(gè)規(guī)則可以避免HTML的混亂和麻煩。舉例來(lái)說(shuō):如果你不關(guān)閉圖像標(biāo)簽,在一些瀏覽器中就可能出現(xiàn)CSS顯示問(wèn)題。用這種方法能確保頁(yè)面和你設(shè)計(jì)的一樣顯示。需要說(shuō)明的是:空標(biāo)簽也要關(guān)閉,在標(biāo)簽尾部使用一個(gè)正斜杠"/"來(lái)關(guān)閉它們自己。例如:

    <br />

    <img src="webstandards.gif" />

    經(jīng)過(guò)上述七個(gè)規(guī)則處理后,頁(yè)面就基本符合XHTML1.0的要求。但我們還需要校驗(yàn)一下是否真的符合標(biāo)準(zhǔn)了。我們可以利用W3C提供免費(fèi)校驗(yàn)服務(wù)(http://validator.w3.org/)。發(fā)現(xiàn)錯(cuò)誤后逐個(gè)修改。在后面的資源列表中我們也提供了其他校驗(yàn)服務(wù)和對(duì)校驗(yàn)進(jìn)行指導(dǎo)的網(wǎng)址,可以作為W3C校驗(yàn)的補(bǔ)充。當(dāng)最后通過(guò)了XHTML驗(yàn)證,恭喜你已經(jīng)向網(wǎng)站標(biāo)準(zhǔn)邁出了一大步。不是想象中的那么難吧!

    2.中級(jí)改善

    接下來(lái)我們的改善主要在結(jié)構(gòu)和表現(xiàn)相分離上,這一步不象第一步那么容易實(shí)現(xiàn),我們需要觀念上的轉(zhuǎn)變,以及對(duì)CSS2技術(shù)的學(xué)習(xí)和運(yùn)用。但學(xué)習(xí)任何新知識(shí)都需要花點(diǎn)時(shí)間的,不是嗎?訣竅在于邊做邊學(xué)。假如你一直采用表格布局,根本沒(méi)用過(guò) CSS,也不必急于跟表格布局說(shuō)再見(jiàn),你可以先用樣式表代替 font 標(biāo)簽。隨著你學(xué)到的越多,你能做的就越多。好,一起來(lái)看看我們需要做哪些事:

    • 用CSS定義元素外觀

    我們?cè)趯?xiě)標(biāo)識(shí)時(shí)已經(jīng)養(yǎng)成習(xí)慣,當(dāng)希望字體大點(diǎn)就用<h1>,希望在前面加個(gè)點(diǎn)符號(hào)就用<li>。我們總是想<h1>的意思是大的,<li>的意思是圓點(diǎn),<b>的意思是“加粗文本”。而實(shí)際上, <h1>能變成你想要的任何樣子,通過(guò)CSS,<h1>能變成小的字體,<p>文本能夠變成巨大的、粗體的,<li>能夠變成一張圖片等等。我們不能強(qiáng)迫用結(jié)構(gòu)元素實(shí)現(xiàn)表現(xiàn)效果,我們應(yīng)該使用CSS來(lái)確定那些元素的外觀。例如,我們可以使原來(lái)默認(rèn)的6級(jí)標(biāo)題可以看起來(lái)大小一樣:

    h1, h2, h3, h4, h5, h6{ font-family: 宋體, serif; font-size: 12px; }

    • 用結(jié)構(gòu)化元素代替無(wú)意義的垃圾

    許多人可能從來(lái)都不知道HTML和XHTML元素設(shè)計(jì)本意是用來(lái)表達(dá)結(jié)構(gòu)的。我們很多人已經(jīng)習(xí)慣用元素來(lái)控制表現(xiàn),而不是結(jié)構(gòu)。例如,一段列表內(nèi)容可能會(huì)使用下面這樣的標(biāo)識(shí):

    句子一<br /> 句子二<br /> 句子三<br />

    如果我們采用一個(gè)無(wú)序列表代替會(huì)更好:

    <ul> <li>句子一</li> <li>句子二</li> <li>句子三</li> </ul>

    你或許會(huì)說(shuō)“但是<li>顯示的是一個(gè)圓點(diǎn),我不想用圓點(diǎn)”。事實(shí)上,CSS沒(méi)有設(shè)定元素看起來(lái)是什么樣子,你完全可以用CSS關(guān)掉圓點(diǎn)。

    • 給每個(gè)表格和表單加上id

    給表格或表單賦予一個(gè)唯一的、結(jié)構(gòu)的標(biāo)記,例如

    <table id="menu">

    接下來(lái),在書(shū)寫(xiě)樣式表的時(shí)候,你就可以創(chuàng)建一個(gè)“menu”的選擇器,并且關(guān)聯(lián)一個(gè)CSS規(guī)則,用來(lái)告訴表格單元、文本標(biāo)簽和所有其他元素怎么去顯示。這樣,不需要對(duì)每個(gè)<td>標(biāo)簽附帶一些多余的、占用帶寬的表現(xiàn)層的高、寬、對(duì)齊和背景顏色等等屬性。只需要一個(gè)附著的標(biāo)記(標(biāo)記“menu”的id標(biāo)記),你就可以在一個(gè)分離的樣式表內(nèi)為干凈的、緊湊的代碼標(biāo)記進(jìn)行特別的表現(xiàn)層處理。

    中級(jí)改善我們這里先列主要的三點(diǎn),但其中包含的內(nèi)容和知識(shí)點(diǎn)非常多,需要我們逐步學(xué)習(xí)和掌握,直到最后實(shí)現(xiàn)完全采用CSS而不才用任何表格實(shí)現(xiàn)布局。

    posted @ 2009-04-08 12:21 張永耀 閱讀(133) | 評(píng)論 (0)編輯 收藏

    CREATE USER 'dream2008'@'%' IDENTIFIED BY 'dream1234';
    GRANT ALL PRIVILEGES ON *.* TO 'dream2008'@'localhost' IDENTIFIED BY 'dream1234'WITH GRANT OPTION


    MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 MAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0;

    MYSQL數(shù)據(jù)庫(kù)實(shí)用學(xué)習(xí)資料之常用命令集合
    2007-10-12 源自:賽迪網(wǎng) 網(wǎng)友評(píng)論 0 條 進(jìn)入視頻教程
    Mysql數(shù)據(jù)庫(kù)是一個(gè)多用戶(hù),多線程的關(guān)系型數(shù)據(jù)庫(kù),是一個(gè)客戶(hù)機(jī)/服務(wù)器結(jié)構(gòu)的應(yīng)用程序。它是對(duì)個(gè)人用戶(hù)和商業(yè)用戶(hù)是免費(fèi)的.


    Mysql數(shù)據(jù)庫(kù)具有以下優(yōu)點(diǎn):


    1.同時(shí)訪問(wèn)數(shù)據(jù)庫(kù)的用戶(hù)的數(shù)量不受限制

    2.可以保存超過(guò)5千萬(wàn)條的記錄

    3.是目前市場(chǎng)上現(xiàn)有數(shù)據(jù)庫(kù)產(chǎn)品中運(yùn)行速度最快的數(shù)據(jù)庫(kù)系統(tǒng)

    4.用戶(hù)權(quán)限設(shè)置簡(jiǎn)單、有效。


    Mysql數(shù)據(jù)庫(kù)常用命令:


    啟動(dòng)Mysql數(shù)據(jù)庫(kù)


    C:/>cd Mysql5.0/bin

    C:/Mysql5.0/bin>mysqld –install 安裝Mysql服務(wù)

    C:/Mysql5.0/bin>net start mysql 啟動(dòng)Mysql服務(wù)

    請(qǐng)求的服務(wù)已經(jīng)啟動(dòng)。


    連接mysql

    用戶(hù)需要提供Mysql的用戶(hù)名和密碼來(lái)連接服務(wù)器,如果服務(wù)器不是在本機(jī),則還需要一個(gè)主機(jī)名或IP來(lái)指定服務(wù)器的位置。

    C:/Mysql5.0/bin>mysql -h localhost -u root -p

    Enter password: ****

    Welcome to the MySQL monitor. Commands end with ; or /g.

    Your MySQL connection id is 6 to server version: 5.0.18-nt


    Type 'help;' or '/h' for help. Type '/c' to clear the buffer.


    mysql>

    使用一條簡(jiǎn)單的查詢(xún)語(yǔ)句


    mysql> select version(),current_date;

    mysql> select version();select now();


    新建或刪除一個(gè)數(shù)據(jù)庫(kù)


    Mysql>create database mydb;

    Mysql> drop database mydb;


    打開(kāi)的數(shù)據(jù)庫(kù)的命令


    mysql> use mysql

    Database changed


    查看數(shù)據(jù)庫(kù)的命令


    mysql> show databases;


    查看數(shù)據(jù)表的詳細(xì)結(jié)構(gòu)


    mysql> desc func;


    新建數(shù)據(jù)庫(kù)


    mysql> create database school;

    Query OK, 1 row affected (0.00 sec)


    新建表


    mysql> create table user01(

    -> id varchar(20) NOT NULL,

    -> userName varchar(10) NOT NULL,

    -> age int(11) default'0',

    -> sex char(2) NOT NULL default'm',

    -> PRIMARY KEY (id)

    -> )TYPE=InnoDB;

    Query OK, 0 rows affected, 1 warning (0.02 sec)mysql>desc student;


    插入和刪除表中的數(shù)據(jù)


    Create table student(stuName varchar(20),age varchar(20),id varchar(20),set0 char(1));


    插入


    mysql> insert into student(id,stuName) values('1','tomcat');

    Query OK, 1 row affected (0.00 sec)


    刪除


    mysql> delete from student where id='1';

    Query OK, 1 row affected (0.01 sec)


    刪除表中所有數(shù)據(jù)


    mysql> truncate table student;

    Query OK, 1 row affected (0.01 sec)


    刪除表


    mysql> create table temp(t varchar(1));

    Query OK, 0 rows affected (0.00 sec)


    mysql> drop table temp;

    Query OK, 0 rows affected (0.00 sec)


    創(chuàng)建新用戶(hù)并給予權(quán)限


    mysql> grant all privileges on *.* to dbuser@localhost identified by '1234'

    with grant option;


    更改Mysql用戶(hù)密碼


    c:/Mysql5.0/bin>mysqladmin -u root -p password 1234

    Enter password: ****


    備份數(shù)據(jù)庫(kù)及表


    我們用mysqldump命令來(lái)備份數(shù)據(jù)庫(kù)

    c:/mysql/bin/>mysqldump –u root –p 3306 mysql>d:/backup.sql

    執(zhí)行此語(yǔ)句將把mydb 備份到D盤(pán)的backup.sql文件中


    備份多個(gè)數(shù)據(jù)庫(kù)表


    c:/mysql/bin/>mysqldump –u root –p 3306 school user01 user >d:/backup.sql

    此句的意思是把school庫(kù)中的user01表和user表的內(nèi)容和表的定義備份到D盤(pán)backup.sql文件中。


    備份所有的數(shù)據(jù)庫(kù)


    c:/myql/bin>mysqldump –u root –p 3306 –all –database>d:backup.sql


    還原Mysql數(shù)據(jù)庫(kù)

    c:/mysql/bin/mysql –u root –p 3306 school

    還原其中的一個(gè)表


    mysql> source d:/books.sql;

    ERROR:

    Unknown command '/b'.

    Query OK, 0 rows affected (0.00 sec)

    Query OK, 1 row affected (0.00 sec)


    退出Mysql連接


    mysql>quit(exit)


    關(guān)閉mysql服務(wù)


    C:/mysql/bin>net mysql

    (責(zé)任編輯:盧兆林)


    mysql4.0.26 win32 下載及安裝方法
    [color=blue]mysql4.0.26安裝方法:[/color]
      
         解壓下載后的mysql-4.0.26-win32.rar,執(zhí)行setup.exe,默認(rèn)安裝,一路NEXT就可以了.
        
         安裝完畢后,在“開(kāi)始”菜單的“運(yùn)行”中輸入:C:\MySQL\bin\mysqld-nt.exe -install ([color=Red]這個(gè)版本建議安裝在C盤(pán)[/color]),運(yùn)行成功之后再在“開(kāi)始”菜單的“運(yùn)行”輸入:net mysql start ,將會(huì)啟動(dòng) MySQL 服務(wù).
        
         默認(rèn)管理員root 密碼空 請(qǐng)使用PHPMYADMIN 修改.

    [color=red]注: 這個(gè)版本建議安裝在C盤(pán),如果安裝后不能啟動(dòng),重啟服務(wù)器后,請(qǐng)直接到系統(tǒng)服務(wù)里面去啟動(dòng)MYSQL.

    [/color][color=Blue]怎么刪除mysql服務(wù)?[/color]
    開(kāi)始-運(yùn)行-CMD-進(jìn)入MYsql的安裝目錄下的bin目錄輸入下面命令
    D:\mysql5\bin>mysqld-nt.exe -remove

     


     

    posted @ 2009-04-02 15:10 張永耀 閱讀(631) | 評(píng)論 (0)編輯 收藏

    主站蜘蛛池模板: 97无码免费人妻超级碰碰夜夜| 亚洲国产精品成人精品软件| 西西大胆无码视频免费| 中文在线免费视频| 黄页视频在线观看免费| 亚洲精品综合在线影院| 亚洲高清美女一区二区三区| 亚洲色爱图小说专区| 免费国产成人高清在线观看麻豆| 免费人成网站在线观看10分钟| 午夜无码A级毛片免费视频| 一二三区免费视频| 国产在亚洲线视频观看| 亚洲精品无码av片| 亚洲午夜福利在线视频| 久久亚洲精品国产亚洲老地址| 91情国产l精品国产亚洲区| 久久亚洲精品国产精品黑人| 久久精品国产精品亚洲| 亚洲av无码天堂一区二区三区| 日韩免费视频播播| 精品国产免费观看| 日韩成人在线免费视频| 韩国18福利视频免费观看| 国内一级一级毛片a免费| 毛片免费在线观看网站| 精品久久久久国产免费| 操美女视频免费网站| 成人午夜免费福利| 狼友av永久网站免费观看| 国产午夜鲁丝片AV无码免费| 国产精品久久免费视频| 免费观看四虎精品国产永久| 免费在线观看的黄色网址| 亚洲国产香蕉人人爽成AV片久久| 亚洲国产成人精品久久久国产成人一区二区三区综 | 日韩亚洲一区二区三区| 国产精品亚洲一区二区三区在线| 亚洲成亚洲乱码一二三四区软件| 亚洲AV无码不卡在线播放| 亚洲一区中文字幕久久|