css全稱重疊樣式表,可以控制網頁的布局,使網頁擁有獨特的風格,不同樣式的網頁可以給瀏覽者留下深刻的印象,所以在網頁中使用css樣式表顯得非常重要,css可以利用4種方法引入到網頁中應用:
1、行內式,**如下
2、內嵌式,**如下
3、匯入式,**如下
4、鏈結式,**如下
匯入式和鏈結式的區別:匯入式本質由html規範來實現的,頁面載入前引入該外部css檔案;鏈結式本質由css規範來實現的,頁面載入完再引入;所以若想實時看到網頁的樣式效果,就應該使用鏈結式引入css樣式表。
不管使用上述那種引入方法,樣式表的組成主要是css選擇器,可分為:基本選擇器和復合選擇器。
一、基本選擇器又可分為:標記選擇器、類別選擇器和id選擇器;各種選擇器具體**演示如下:
1、標記選擇器,h1為選擇器,color為屬性,red為屬性值,color:red為宣告
h1
2、類別選擇器,「.」為識別符號,html元素使用class屬性應用其樣式
.red
3、id選擇器,「#」為識別符號,html元素使用id屬性應用其樣式
.red
類別選擇器和id選擇器的區別:class屬性可以使用多個樣式,樣式效果取前者;id屬性不能使用多個樣式,若式樣了,樣式失效。
二、復合選擇器又可分為:交集選擇器、並集選擇器和後代選擇器;各種選擇器具體**演示如下:
1、交集選擇器,使用:
div.specail
2、並集選擇器,使用:
div,p.specail
3、後代選擇器,使用::
div p.specail
當css樣式在引入使用時,出現重疊時如何取向,即css的優先順序(重疊特性),具體規範和約定如下:[color=red]行內樣式》id樣式》類別樣式》標記樣式[/color]
網頁的設計與布局好與不好,css的學習很重要,深信自己堅持每天多學一點,前台美工的開發應該不是很大的問題,希望大家也共享下自己的學習經過或經驗,共同學習。
CSS建立(樣式表引入)
一 如何插入樣式表 1.外部樣式表 2.內部樣式表 3.內聯樣式 二 外部樣式表詳解 每個頁面使用標籤鏈結到樣式表,標籤在 文件的 頭部。瀏覽器會從檔案mystyle.css中讀到樣式宣告,並格式化檔案。外部樣式表mystyle.css注意事項 1 檔案不能包含任何html標籤。2 樣式表應該以.c...
css筆記之引入css樣式表
css cascading style sheets css通常稱為css樣式表或層疊樣式表 級聯樣式表 主要用於設定html頁面中的文字內容 字型 大小 對齊方式等 的外形 寬高 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式。css以html為基礎,提供了豐富的功能,如字型 顏色 背景的控制及整...
CSS學習之樣式表引入
style height 100px weight 50px x p 注意點 內聯樣式只能包含乙個宣告塊,不能放樣式表 import 完整的規則。type text css media print,screen color red font size 100px style 注意點 1.可以設定me...