CSS樣式表引入方法和基本選擇器

2021-08-30 00:08:23 字數 1371 閱讀 1148

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...