css3選擇器 以及當天知道的東西

2022-08-18 20:12:17 字數 1753 閱讀 4913

10.25日

偽類:a:link{}未訪問的鏈結

a:visited{}已訪問的鏈結

a:hover{}滑鼠移動到鏈結上

a:active{}選定的鏈結

注:a:hover必須是置於a:link和 a:visited之後,才是有效的。

a:active必須置於a:hover之後,才是有效的

position:relative 相對定位

absolute 絕對定位

游標樣式:(cursor)

請把滑鼠移動到單詞上,可以看到滑鼠指標發生變化:

auto值,瀏覽器設定的游標。

crosshair值,游標呈現為十字線。

default值,預設游標(通常是乙個箭頭)。

pointer值,游標呈現為指示鏈結的指標(乙隻手)

move值,游標指示某物件可被移動。

e-resize值,游標指示矩形框的邊緣可被向右(東)移動。

ne-resize值,游標指示矩形框的邊緣可被向上及向右移動(北/東)。

nw-resize值,游標指示矩形框的邊緣可被向上及向左移動(北/西)。

n-resize值,游標指示矩形框的邊緣可被向上(北)移動。

se-resize值,游標指示矩形框的邊緣可被向下及向右移動(南/東)。

sw-resize值,游標指示矩形框的邊緣可被向下及向左移動(南/西)。

s-resize值,游標指示矩形框的邊緣可被向下移動(北/西)。

w-resize值,游標指示矩形框的邊緣可被向左移動(西)。

text值,游標指示文字。

wait值,游標指示程式正忙(通常是乙隻表或沙漏)。

help值,游標指示可用的幫助(通常是乙個問號或乙個氣球)。

內聯元素---塊狀元素

display:fixed

css屬性選擇器總結:*(所有)id class 關聯  包含  標籤

新增:屬性選擇器:[attr*=val] [attr^=val]  [attr&=val] [attr=val]

結構性偽類選擇器::root選擇器  :not選擇器  :empty選擇器  :target選擇器(_blank 在新視窗開啟被鏈結文件  _self 預設

在相同的框架中開啟  _top 在整個視窗中開啟文件  _parent  在父框架中開啟) :first-child選擇器  :last-child選擇器

:nth-child選擇器 :nth-last-child選擇器 :nth-child(odd)選擇器  :nth-child(even)選擇器  :nth-of-type(odd)選擇器

:nth-last-of-type選擇器 only-child選擇器  

狀態偽類選擇器:

:hover 當滑鼠懸停

:active  從上往下按住不鬆開

:focus  獲取游標

:enabled  用來指定處於可用狀態的元素

:disabled  用來指定處於不可用狀態的元素

:read-only  用來指定處於唯讀狀態的元素

:read-write  用來指定處於讀寫狀態的元素

:default  預設非選中

:checked  選中

:indeterminate  從來沒有被選過

::selection  用來指定元素處於選中狀態時的樣式

element~兄弟元素:兄弟樣式

注:合併單元格:跨行合併:rowspan

跨列合併:colspan

例項

css3 選擇器 CSS3選擇器

子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...

css3 選擇器 CSS3選擇器詳解

css3在css2基礎上,增強或新增了許多特性,彌補了css2的眾多不足之處,使得web開發變得更為高效和便捷。比如說,同樣是乙個頭像,可能在低版本的瀏覽器中,頭像方的 在高版本的瀏覽器中,頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題,為了避免因相容性帶來的干擾...

css以及css3中的選擇器

css中選擇器的種類 1 元素選擇器 萬用字元 通常用於去掉內外邊距 p h1 h1,h2 之類的都是元素選擇器 2 類選擇器 class 類選擇器結合元素選擇器 當有兩個元素class名稱相同時,如果我們只要單獨改變乙個,可以 元素.class名稱 如a.classname 多類選擇器 class...