首頁  >  文章  >  web前端  >  關於JavaWeb中CSS詳細說明

關於JavaWeb中CSS詳細說明

高洛峰
高洛峰原創
2017-03-17 11:51:451383瀏覽

CSS的簡介

1、CSS概述及作用

  CSS:Cascading Style Sheets)是層疊樣式表用來定義網頁的顯示效果。可以解決html程式碼對樣式定義的重複,提高了後期樣式程式碼的可維護性,並增強了網頁的顯示效果功能。
  作用:CSS將網頁內容和顯示樣式分離,並提高了顯示功能。

2、 CSS與HTML的結合(*****)(四種)

  CSS與HTML的結合方式

  1.style屬性方式:

  利用標籤中style屬性來改變每個標籤的顯示樣式。

  例:   

<p style="background-color:#FF0000; color:#FFFFFF">
        p标签段落内容。</p>

  此方式比較靈活,但是對於多個相同標籤的相同樣式定義比較麻煩,適合局部修改。

  2.style標籤方式:(內嵌方式)

  在head標籤中加入style標籤,對多個標籤進行統一修改。  

<head>
    <style type=”text/css”>
        p { color:#FF0000;}
    </style></head>

  此方式可以對單一頁面的樣式進行統一設置,但對於局部不夠靈活。

  3.導入方式:(常用的方式)

  前提是已經存在一個定義好的CSS檔案。網頁的一部分樣式需要用到,那就用到這種方式。

  例:

<style type="text/css">
    @import url(css_3.css);
    p { color:#FF0000;}</style>  

  定義一個外部的CSS檔案(.css)結尾的。
  @import url("css檔案的位址");需要寫在