css學習筆記(四)

阿新 • • 發佈：2019-01-17

今天學習下偽類選擇器

一般都有網站都有當你滑鼠放上去顏色會發現變化,這個就需要使用偽類選擇器去實現.這就是常用的連線偽類選擇器

a:link {color: #FF0000}		/* 未訪問的連結 */
a:visited {color: #00FF00}	/* 已訪問的連結 */
a:hover {color: #FF00FF}	/* 滑鼠移動到連結上 */
a:active {color: #0000FF}	/* 選定的連結 */

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css學習</title>
    <style>
       a{
           text-decoration: none;
           font-size: 16px;
           color: #333;
           text-align: center;
       }
        a:hover{
            color: #ff0000;
        }
    </style>
</head>
<body>
    <div>
        <a href="http://www.baidu.com">百度</a>
        <a href="http://www.163.com">網易</a>
        <a href="http://www.souhu.com">搜狐</a>
        <a href="http://www.qq.com">騰訊</a>
    </div>
</body>
</html>

效果：

只是我gif錄製的在瀏覽器上,所以滑鼠放在這不好出效果.

css學習筆記(四)

今天學習下偽類選擇器一般都有網站都有當你滑鼠放上去顏色會發現變化,這個就需要使用偽類選擇器去實現.這就是常用的連線偽類選擇器 a:link {color: #FF0000} /* 未訪問的連結

CSS學習筆記-CSS的優先順序+繼承性（四）

css繼承特性 CSS繼承性 HTML文件以樹形結構進行組織，各元素之間是一種層次關係，這種層次關係同樣反映在樣式表的應用中。具有層次關係的元素之間，內層元素將繼承外層元素的樣式，多個外層元素中定義

CSS3+HTML5學習筆記四--CSS三欄佈局-寬度只適應

以前做三欄佈局時，最常用最簡單的方法可能就是：採用float+margin來實現，而CSS3的時代，我們可以有另一種比較“時尚”的方法,就是css3中的盒子模型，程式碼如下： 1 <!DOCTYPE HTML> 2 <html> 3 &

如何輸出格式化的字符串（學習筆記四）

linux python 格式化整數浮點數如何輸出格式化的字符串（學習筆記四）我們經常會輸出類似 ‘親愛的xxx你好！你xx月的話費是xx，余額是xx‘ 之類的字符串，而xxx的內容都是根據變量變化的，所以，需要一種簡便的格式化字符串的方式。在Python中，采用的格式化方式和C語言是一致的，

cocos2d-x-3.1 國際化strings.xml解決亂碼問題 (coco2d-x 學習筆記四)

source ron 文件亂碼問題 resource -s type fileutil ani 今天寫程序的時候發現輸出文字亂碼，盡管在實際開發中把字符串寫在代碼裏是不好的做法。可是有時候也是為了方便，遇到此問題第一時間在腦子裏面聯想到android下的strings

【Unity 3D】學習筆記四十二：粒子特效

空間獲得 material package 一個 log 創建 spa mpi 粒子特效粒子特效的原理是將若幹粒子無規則的組合在一起。來模擬火焰，爆炸。水滴，霧氣等效果。要使用粒子特效首先要創建，在hierarchy視圖中點擊create——particle s

CSS學習筆記05 CSS display屬性

嵌套 img ges htm 現在 inline 內聯元素 itl 註意 HTML標記一般分為塊標記和行內標記兩種類型，它們也稱塊元素和行內元素。塊元素每個塊元素通常都會獨自占據一整行或多整行，可以對其設置寬度、高度、對齊等屬性，常用於網頁布局和網頁結構的搭建。並且

CSS學習筆記06 盒子模型

實線多條上下左右 ash 應用邊框 html das 長度 1、盒子模型所謂盒子模型就是把HTML頁面中的元素看作是一個矩形的盒子，也就是一個盛裝內容的容器。每個矩形都由元素的內容、內邊距（padding）、邊框（border）和外邊距（margin）組成。

Tomcat學習筆記(四)

客服 list illegal state oid () ons mov tom Servlet容器部分 servlet容器用來處理請求servlet資源，並為web客服端填充response對象模塊，在tomcat中，共有4種類型的容器，分別是：Engi

強哥CSS學習筆記

max 等待 align 坐標子div offset 羅馬數字回縮用戶界面 html嵌套css樣式：1.外部（推薦）2.內部3.內聯（不推薦） css優先級1.內聯2.id選擇器3.class選擇器4.標簽 css長度單位：1.px2.em (14px) css選

css學習筆記

所有 ria cccccc 20px 選擇 ica important 條件 css的使用 CSS的使用方式 style 屬性---> style 標簽---> head 標簽裏面 link ---> 三種基礎選擇器的區別 html標簽選擇器：

CSS學習筆記08 浮動

images 選擇器什麽 wid get 意思 div show 塊元素從CSS學習筆記05 display屬性一文中，我們知道div是塊元素，會獨占一行，即使div的寬度很小，像下面這樣應用display屬性的inline屬性可以讓div與div共享一行，除了

CSS學習筆記09 簡單理解BFC

http 所有 lis 布局 absolut 即使高度 html 疊加 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"&

CSS學習筆記（二）：特性

code 背景色左移 line tex lin 安裝其中 cas 一、顏色特性 1. 前景色：color 用種方式指定前景色，3種方式分別是rgb顏色，#16進制編碼，顏色名稱： color: rgb(100,100,100); color: #ee3e80; col

HTML/CSS 學習筆記

選擇 active 字體顏色 one 字體允許關系 itl :active 外邊距：margin內邊距：padding 連接：hrefa:link（未被訪問）a:hover（鼠標懸停）a:visited（訪問過）a:active（鼠標點擊與釋放直接）順序：link-v

CSS學習（四）

last checked charset event 大小寫 emp 技術 let -h 偽類(Pseudo-classes) CSS偽類是用來添加一些選擇器的特殊效果。偽類的語法： selector:pseudo-class {property:valu

JavaWeb學習筆記四 request&response

cer 代碼 gbk msi 抓包工具 rom service net war HttpServletResponse 我們在創建Servlet時會覆蓋service()方法，或doGet()/doPost(),這些方法都有兩個參數，一個為代表請求的request和代表響

CSS學習筆記三：自定義單選框，復選框，開關

sla checked 移動 transform 第一個 16px 位移 block back 一點一點學習CCS，這次學習了如何自定義單選框，復選框以及開關。一、單選框 1、先寫好body裏面的樣式，先寫幾個框 1 <body> 2 <d

CSS 學習筆記

ive posit 字體加粗文檔背景圖像指定 image 字體大小 div CSS 常用幫助文檔 CSS：被用來同時控制多重網頁的樣式和布局。HTML頁面中CSS樣式的寫法有3種： 1：標簽中寫入　　<body style=‘margin o auto;‘

java 核心學習筆記(四) 單例類

com null tools 初始化 equal inf div 特殊對象如果一個類始終只能創建一個實例，那麽這個類被稱作單例類。一些特殊的應用場景可能會用到，為了保證只能創建一個實例，需要將構造方法用private修飾，不允許在類之外的其它地方創建類的實例。又要保

css學習筆記(四)

相關推薦