首頁 > web前端 > css教學 > CSS詳解

CSS詳解

高洛峰
發布: 2016-10-20 13:26:45
原創
1177 人瀏覽過

CSS的簡介

1、CSS概述及作用

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

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

  CSS與HTML的結合方式

  1.style屬性方式:

  使標籤中顯示每個標籤中顯示屬性的顯示屬性樣式。

  例:   


       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);
    div { color:#FF0000;}</style> 
登入後複製

 

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