程式開發學習之路

css基本選擇器定義 active 元素屬性 套用樣式

支援CSS1 以上

用法：:active
說明：按下 tag 套用樣式

css定義：
    按下 a tag  套用樣式

css3基本定義 [attribute*=value]元素屬性 套用樣式




支援CSS3 以上

用法：p[title屬性$=名稱]
說明：套用有定義title屬性的p tag 有某字結尾

css3基本定義 [attribute$=value]元素屬性 套用樣式



支援CSS3 以上

用法：p[title屬性$=名稱]
說明：套用有定義title屬性的p tag 有某字結尾

css3基本定義 [attribute^=value]元素屬性 套用樣式



支援CSS3 以上

用法：p[title屬性^=名稱]
說明：套用有定義title屬性的p tag 有某字開頭

線上工具(Pixlr)去除圖片背景


一、Pixlr editor 網址

如圖：

二、選擇圖片
本例選擇： 從電腦上打開圖片

支援CSS2 以上

用法：p[title|=名稱]
說明：套用有定義title屬性的p tag 裡有某字

css定義：
p[title|="test"]  {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS2 以上

用法：p[title~=名稱]
說明：套用有定義title屬性的p tag 裡有某字

css定義：
p[title~="test"]  {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS2 以上

用法：p[id=名稱]
說明：套用有定義id屬性的p tag 等於 某名稱

css定義：
p[id=p1] {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS2 以上

用法：p[id]
說明：套用有定義id屬性的p tag

css定義：
p[id] {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS3 以上

用法：div ~ p
說明：套用在跟div同階層的 p tag的弟妹(siblings)元素

css定義：
div ~ p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;