您現在的位置: 网站首頁 / 網站建設 / 正文

css使用方法

作者: admin 发布: 2015-1-27 10:52:47 分类: 網站建設 閱讀: 次 查看評論

  有三種方法可以在站點網頁上使用樣式表:

  外部樣式:將網頁鏈接到外部樣式表。

  內頁樣式:在網頁上創建嵌入的樣式表。

  行內樣式:應用內嵌樣式到各個網頁元素。

  每一種方法均有其優缺點

  当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:

  <link href="/层叠样式表/样式.css" rel="stylesheet" type="text/css"/>

  <link href="/百度百科/样式.css" rel="stylesheet" type="text/css"/>

  <!--

  在使用的時候,最好是把上面的漢字改成拼音,這樣可以確保網頁在不支持中文的系統中顯示正常。

  例如寫成如下形式:

  -->

  <link href="/BaiduBaike_ShiLi/baidubaike.css" rel="stylesheet" type="text/css"/>

  当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:

  <style type="text/css">

  <!--/*把聲明的樣式包含在一個網頁注釋中,這樣可以解決較老的浏覽器不識別style的問題*/

  body{background:grey;}

  -->

  </style>

  使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。如:

  <p style="@importurl(?/post/'BaiduBaike_Daima_Shili.css');">层叠样式表文档</p>

  <!--不能在“樣式”style屬性中使用@import-->

  如果網頁鏈接到外部樣式表,爲網頁所創建的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

  要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。

  该“样式” 框列出标准 HTML 标记符,例如标题

  1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。

  在 Microsoft FrontPage 2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ <p style="border-style: solid">)。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。


  來源:SEO搜尋引擎優化 - SEO自學網 轉載注明出處!

? 上一篇下一篇 ?   本文關鍵詞: CSS  

評論列表:

站長SEO學院
第一節:百度搜索引擎工作原理
第二節:建設對搜索引擎友好的站點
第三節:如何進行網站內容建設
第四節:整體優化、結構優化、網頁優化
第五節:移動搜索-明確移動搜索優化標准
百度SEO資料文檔
百度搜索引擎優化指南2.0
百度移動搜索優化指南2.0
網站分析白皮書(站長版)
移動站點該如何優化
建設對百度友好的站點
百度搜索引擎網頁質量白皮書
石榴算法-綠蘿算法-冰桶算法
新搜索時代下的優化策略
更多百度SEO資料文檔
站長推薦
DIV+CSS布局實例教程-Web標准
网站SEO優化常见问题汇总
SEO優化推广方案该如何写
SEO優化方案步骤
影響網站關鍵詞排名因素總結
影響谷歌搜索引擎排名的因素調查
手機移動端站點適配優化
最近發表