CSS基礎 瑣碎記錄

2022-04-15 15:59:34 字數 1362 閱讀 2213

tips: 大部分都摘自w3c

一,關於選擇器

後代選擇器,什麼是後代選擇器,h1標籤所有子孫元素為em的都會起效果:

h1 em
子元素選擇器,什麼是子元素選擇器 ,h1標籤下面的子元素為em的元素.請注意只是兒子元素,孫子元素以及更下層的

h1 > em       >號兩邊可以有空格符
相鄰兄弟選擇器, h1標籤之後同級元素,有同乙個父親元素.[必須是同級元素.而且在h1標籤的後面的p元素,起效果的也是h1標籤後面的元素]

h1 + p
屬性選擇器,[注意]

只有在規定了 !doctype 時,ie7 和 ie8 才支援屬性選擇器。在 ie6 及更低的版本中,不支援屬性選擇。

選擇器描述

[attribute]

用於選取帶有指定屬性的元素。

[attribute=value]

用於選取帶有指定屬性和值的元素。

[attribute~=value]

用於選取屬性值中包含指定詞彙的元素。

[attribute|=value]

用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。

[attribute^=value]

匹配屬性值以指定值開頭的每個元素。

[attribute$=value]

匹配屬性值以指定值結尾的每個元素。

[attribute*=value]

匹配屬性值中包含指定值的每個元素。

二,一些不熟悉的屬性

text-decoration:值描述

none

預設。定義標準的文字。

underline

定義文字下的一條線。

overline

定義文字上的一條線。

line-through

定義穿過文字下的一條線。

blink

定義閃爍的文字。

inherit

規定應該從父元素繼承 text-decoration 屬性的值。

設定透明度:請看下面的 css:

img

ie9, firefox, chrome, opera 和 safari 使用屬性 opacity 來設定透明度。opacity 屬性能夠設定的值從 0.0 到 1.0。值越小,越透明。

ie8 以及更早的版本使用濾鏡 filter:alpha(opacity=x)。x 能夠取的值從 0 到 100。值越小,越透明。

CSS基礎 瑣碎記錄

關於屬性 vertical align 今天出現乙個問題,table裡面的乙個單元格有乙個text型別的input,然後有一張.我搞了很久,不能垂直居中,我把input去掉,發現自適應又居中了 後來發現vertical align屬性.css基礎 以下內容來自w3c官方解釋 vertical ali...

css之日常瑣碎記錄

1.media可以針對不同的螢幕尺寸設定不同的樣式,特別是如果你需要設定設計響應式的頁面,media是非常有用的。當你重置瀏覽器大小的過程中,頁面也會根據瀏覽器的寬度和高度重新渲染頁面。文件寬度小於300畫素則修改背景顏色 media screen and max width 300px 2.關於專...

birt引數處理瑣碎記錄

在資料集的beforeopen方法中替換 var sql select from tablename where 1 1 and this.querytext sql 說明this.querytext 是指整個sql語句 birt的修改記錄 所屬專案org.eclipse.birt.report.v...