網頁製作之內嵌樣式例項

2021-07-06 11:03:23 字數 1204 閱讀 1334

1.內嵌樣式表簡介

2.html,id,class,偽類選擇器運用

3.外部樣式表使用

4.行類,內嵌,外部樣式表優先順序

5.border,margin,padding屬性介紹(選擇)

1.內嵌樣式表簡介

1.1 為什麼需要內嵌樣式表

當網頁中某些標籤想共享一些樣式的時候,可以使用內嵌樣式表。

1.2 內嵌樣式表語法

例如:2.html,id,class,偽類選擇器運用

2.1 html標籤選擇器語法

html標籤名

例如:body

特點:所有選中的標籤將自動運用改樣式.

2.2 id選擇器語法

#id名稱

例如:#test

呼叫:

特點:指定id名稱的標籤運用改樣式.

2.3 class選擇器語法

.類名稱

例如:.myclass

呼叫:

特點:指定class屬性的標籤運用改樣式.

2.4 偽類選擇器語法

標籤名:行為(動作)

例如:a:hover

呼叫:滑鼠移動過來就知道效果了

特點:指定的標籤在觸發某種行為的時候將套用改樣式.

2.5 常用的選擇器使用格式

1.例如:

div,p,img

說明:div,p,img同時套用改樣式

2.例如:

div p

說明:div標籤裡面的p標籤才會套用改樣式

我才會套用樣式

3.外部樣式表使用

3.1 為什麼需要使用外部樣式表

當某些網頁想共享一些樣式的時候,可以使用外部樣式表

3.2 外部樣式表語法

把需要共享的樣式儲存在乙個單獨的檔案中*.css

例如:test.css 內容如下

body

#test

.myclass

呼叫方式:

1.通過標籤呼叫

2.通過@import指令呼叫(瀏覽器相容不好,不推薦使用)

4.行類,內嵌,外部樣式表優先順序

當行類,內嵌,外部樣式表出現相同選擇器相同樣式屬性的時候,

優先順序則是行類》內嵌》外部.

反之,則是屬性疊加。

id選擇器》class選擇器》標籤選擇器

行類樣式表》內嵌樣式表》外部樣式表

更多參考檢視:

HTML之內嵌標籤學習

表示 作用 在當前網頁中載入其他網頁的資源,達到不同網頁資源之間不互相干擾,並能在同乙個頁面中展現給使用者的目的。屬性src 要顯示的網頁資源路徑,可以是本地路徑也可以是網路資源路徑,預設當前頁面開啟和載入src指向的資源 width 設定顯示區域的寬度 height 設定顯示區域的高度 name ...

jsp 內嵌網頁內容 iframe

3jflinux聯盟src 檔案的路徑,既可是html檔案,也可以是文字 asp等 3jflinux聯盟width height 畫中畫 區域的寬與高 3jflinux聯盟scrolling 當src的指定的html檔案在指定的區域不顯不完時,滾動選項,如果設定為no,則不出現滾動條 如為auto ...

關於 jsp內嵌網頁內容

內嵌的方法大致有3種 1 include指令 include指令告訴容器 複製被包含檔案彙總的所有內容,再把它貼上到這個檔案中。2 include標準動作 3 採用jstl 注意 1 include指令在轉換時插入 header.jsp 的源 而標準動作在執行時插入 header.jsp 的響應。2...