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