<address id="xpjh9"><listing id="xpjh9"><meter id="xpjh9"></meter></listing></address>

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
<noframes id="xpjh9">
<noframes id="xpjh9">

<address id="xpjh9"><address id="xpjh9"><listing id="xpjh9"></listing></address></address>
    <form id="xpjh9"></form><address id="xpjh9"><listing id="xpjh9"><menuitem id="xpjh9"></menuitem></listing></address>

      <noframes id="xpjh9">
      VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
      SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
      當前位置:
      首頁 > 網站開發 > HTML >
      • css教程之CSS 入門

      • 2015-01-22 23:54 來源:未知

      CSS 入門(相關css教程

      摘要:了解標準化的 CSS 樣式技術,包括 CSS 2.1 和跨瀏覽器 CSS3。具體來講,學習如何使用常用的技術增強搜索引擎的優化,為打印、移動和 Web 視圖提供不同的 CSS 樣式,以及有助于增強可訪問性的技巧提示。
        級聯樣式表非常簡單,也就是 (X)HTML 網頁之上的分層設計。使樣式表 “級聯”,這樣您就可以跨站點應用它 — 也就是說,將樣式應用到網站,它就會自行應用到每個網頁的每個元素。  
        常用縮略語
      · API應用程序接口
      · CSS層疊樣式表
      · HTML超文本標記語言
      · XHTML可擴展 HTML
        對于網站,將數據與設計分離是一個重要的概念:數據使用 (X)HTML 發送到瀏覽器,而設計使用 CSS 應用到該數據。這種分離使人們在擁有特殊可訪問性需要時無需您的設計即可渲染網頁,還使機器(比如搜索引擎)能夠建立網站索引而不會受到設計的阻礙。
        本文詳細介紹各種已經存在和現代的 CSS 技術,以增強網站觀感性。本文需要一定的 (X)HTML 知識,它應被視為開發的一個參考點,充當設計網站的初始平臺。
        CSS 的格式
        CSS 樣式元素的結構很簡單:
      html-tag-name {
          css-property-key-1: css-value-1;
          css-property-key-2: css-value-2;
      }
         其中 html-tag-name 可以是您能在 HTML 代碼中找到的任何標記(比如 <a>、<div>、<li> 或<label>)。除了 HTML 標記,在 CSS 代碼中它也可以是前面帶有井號(#)的 ID 引用,如下所示:
      #id-of-html-tag {
          …
      }
         或者在 CSS 代碼中這個標記可以是一個前面帶有點/句點(.)的類引用:
      .class-of-html-tag {
          …
      }
         CSS 的這些部分(html-tag-name、id-of-html-tag 或 class-of-html-tag)稱為簡單選擇器,可嵌套(使用空格分開)使用以在 HTML 中實現更高的粒度,如下所示:
      outer-html-tag-name inner-html-tag-name { … }
         或者作為一個列表來將一種設計元素應用到多個選擇器:
      1st-html-tag-name, 2nd-html-tag-name { … }
        誠然,上述代碼對于理解 CSS 形式化語法而言比較抽象。因此,本章其余部分將著重介紹更具體、更有幫助的示例,凸顯 CSS 的簡單性、潛能和靈活性。
        基礎樣式
        在進行網站設計時,要做的第一件事是建立基礎樣式。為此,可以設置 <body> 標記的樣式,如清單 1 所示。
        清單 1. body 標記的 CSS 基礎樣式  
      body{
      background-color: #EEEEEE;
      color: #000000;
      margin: 0;
      padding: 0;
      text-align: left;
      font-size: 100%;
      font-family: sans-serif;
      }
        此標記將背景顏色設置為白色 (background-color),以確保字體顏色是黑色的 (color)。它還可確保所有內容邊緣都與瀏覽器窗口邊框相匹配(margin 和 padding),而且標記將文本內容向左水平對齊 (text-align)。最后,該樣式將字號設置為瀏覽器默認字號 (font-size) 并使用一個 sans-serif(也就是一種邊緣四周沒有細微裝飾的字體)字體集 (font-family)。
        當然,這是一些簡單設置。一般而言,可應用以下指導原則:
      · 在指定顏色時,使用 Red-Green-Blue (RGB) 十六進制亮度值。
      · 在指定字號時,使用像素(有數字后的 px 表示)、em(由數字后的 em 表示)— 也就是說,字號乘以指定的數字 — 或百分比(由數字后的 % 表示)。
      · 文本可以左對齊、右對齊或居中。浮動屬性也可左對齊或右對齊。垂直對齊必須是頂端、居中或底端對齊。
      · 字體可以是任何特定字體、字體集(serif、sans-serif 或 monospace)或任何一種可下載的字體。
        在確定網站的設計時,一個最重要的決策是使用流式(fluid)布局還是固定布局。在固定布局 中,可以指定元素的高度和寬度,無論您使用何種操作系統或瀏覽器查看網站,這些值都是相同的。主要使用像素指定這些元素。在流式布局 中,元素的高度和寬度是靈活的,可基于瀏覽器窗口、操作系統或用戶偏好而擴展或縮小。主要使用百分比和 em 指定這些元素。流式布局和固定布局各有其優缺點,選擇哪種布局取決于內容類型、內容量和網站的訪問群體。
      相關教程
      江苏快3 伊犁 | 项城 | 阿里 | 丹阳 | 博尔塔拉 | 连云港 | 博尔塔拉 | 泰州 | 漯河 | 汝州 | 鸡西 | 咸阳 | 内江 | 亳州 | 岳阳 | 正定 | 涿州 | 东海 | 咸阳 | 通化 | 丹东 | 海安 | 张掖 | 和田 | 梧州 | 海拉尔 | 日土 | 任丘 | 江门 | 贺州 | 广饶 | 台中 | 梧州 | 五家渠 | 平凉 | 曹县 | 台湾台湾 | 德宏 | 咸阳 | 邹城 | 澄迈 | 新疆乌鲁木齐 | 宜春 | 张掖 | 义乌 | 芜湖 | 贵州贵阳 | 安庆 | 永州 | 海西 | 澳门澳门 | 鹤壁 | 泰安 | 张家口 | 泸州 | 潍坊 | 曲靖 | 阿克苏 | 运城 | 靖江 | 正定 | 扬中 | 牡丹江 | 防城港 | 雅安 | 潜江 | 达州 | 赣州 | 燕郊 | 邳州 | 慈溪 | 日土 | 榆林 | 玉树 | 中卫 | 萍乡 | 海南 | 海东 | 汕尾 | 东营 | 通辽 | 诸城 | 信阳 | 保亭 | 日喀则 | 赤峰 | 灌南 | 青海西宁 | 松原 | 乌兰察布 | 益阳 | 广西南宁 | 清远 | 乐平 | 大丰 | 鹰潭 | 湖州 | 泸州 | 明港 | 吐鲁番 | 黑河 | 澄迈 | 海北 | 漳州 | 宜昌 | 柳州 | 漳州 | 阳泉 | 陇南 | 黔东南 | 东台 | 汉中 | 吉林 |