|
導讀網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立... 網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。 偽類可以通過link,hover等方法給選擇器添加特殊效果，偽元素通過：first-line添加首行樣式，：first-letter添加首字母樣，以下將詳細介紹這兩方面的內容偽類 它是選擇html文檔的某些部分的方式，表示隨著時間的推移或通過用戶干預進入或者退出時元素的動態狀態，原則上不屬于html文檔樹本身及其元素或者是屬性，其實CSS偽類是用來添加一些選擇器的特殊效果，與偽元素不同，偽類可以出現在選擇器鏈中的任何位置。 例 a：link 表示未訪問過的鏈接 <style>
a:link{
background-color: pink;
}
a : visit表示已訪問過的鏈接 a:visited{
background-color: pink;
}
a：hover當鼠標移動到鏈接上時 a:hover{
background-color: pink;
}
a:hover 必須位于 a:link 和 a:visited 之后，這樣才能生效！ a：active ：表示選中的鏈接 a:hover{
background-color: pink;
}
a:active{
background-color: pink;
}
注意active一定要用在hover后面才會生效 偽元素 偽元素用于向某些選擇器設置特殊效果，而且只能應用于外部和文檔級上下文 ， 而不是內嵌樣式。它們可能只出現在選擇器鏈的末尾，每個選擇器只能指定一個偽元素。要在單個元素結構上處理多個偽元素，必須創建多個樣式選擇器或聲明語句。 ：first-line偽元素 用于向文本的首行設置特殊樣式，只能用于塊級元素 可以修改以下屬性font，color，background，word-spacing，letter-spacing等 p:first-line
{
color: pink;
font-variant: small-caps;/*改為大寫*/
}
</style>
</head>
<body>
<p>
you are very good!
</p>適用首行
：first-letter偽元素 用于向文本的首字母設置特殊樣式： 可以修改font，color，background，margin，padding，border等屬性 p:first-letter
{
color: pink;
font-variant: small-caps;/*改為大寫*/
}
</style>
</head>
<body>
<p>
you are very good!僅適用于首字母
總結：以上就是本篇文章的全部內容了，希望對大家的學習有所幫助。 以上就是css中偽類與偽元素如何使用的詳細內容，更多請關注php中文網其它相關文章！ 網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。 |
溫馨提示：喜歡本站的話，請收藏一下本站！
本站發布的Win7純凈版系統、Win10純凈版和XP純凈版系統僅為個人學習測試使用，請在下載后24小時內刪除，不得用于任何商業用途，否則后果自負，請支持購買微軟正版軟件！
本站所有資源全部來自于網絡資源,如侵犯到您的權益,請及時通知我們(peng896066052@126.com),我們會及時處理.
Copyright © 2018-2020 雨林木風下載站
