程式開發學習之路

支援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;

支援CSS2 以上

用法：div + p
說明：套用在跟div同階層後有一個 p tag的元素
css定義：
div + p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS2 以上

用法：div > p
說明：套用在div 第一個階層有 p tag的元素
css定義：
div > p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;
}

支援CSS1 以上

用法：div p
說明：套用在div裡面有p tag的元素
css定義：
div p {
文字大小 font-size : 30px 為30像素
文字顏色 color :color 為 blue;

支援CSS1 以上

說明：

因為css 同名稱會被覆蓋，
如果不想被覆蓋定義，
使用設定此定義很重要
語法在定義後加入 !important

myCss1001.css

支援CSS1 以上


說明：
css如果有定義了相同名稱是有效的，
且定義了相同的屬性值會有順序關系。
本例用三個css檔來說明：
主角是div

支援CSS1 以上


說明：
 使用/* */為註解
     css定義
字大小 font-size
字型 font-style
字顏色 color

CSS Selectors
支援CSS1 以上


說明：
定義 Html 多個 Tag  套用樣式
字大小 font-size
字型 font-style
字顏色 color

CSS Selectors
支援CSS1 以上


說明：
定義 Html Tag p 套用樣式
字大小 font-size
字型 font-style
italic 為斜體字型

CSS Selectors
支援CSS2 以上


說明：
定義 * 全部套用樣式
字大小 font-size
字型 font-style
italic 為斜體字型

CSS Selectors
支援CSS1 以上


說明：
定義div的id是myDivId
字大小 font-size
字型 font-style
italic 為斜體字型

[css-基本類]css檔的載入外部檔

說明：
定義div的class是myClass
字大小 font-size
字型 font-style
字顏色color
italic 為斜體字型
30px 為30像素

[css-基本類]基本定義類別class樣式

說明：
定義div的class是myClass
字大小 font-size
字型 font-style
italic 為斜體字型
30px 為30像素

程式：

[css-基本類]基本定義css


說明：
定義body 的
字大小 font-size
字型 font-style
italic 為斜體字型
30px 為30像素
程式：