CSS3學習筆記 下

2021-07-03 06:48:57 字數 1248 閱讀 4823

1.      用class對元素進行分類

製造紅葡萄酒的葡萄:

2.      利用id標識元素

1.      元素選擇器

p,th,td

p em

p > em  ——緊鄰

h1+p   ——緊鄰

2.      屬性選擇器

*[title]

1.float元素——(1)可以通過css屬性float令元素向左或向右浮動。float屬性的值可以是left、right或者none。也就是說,令盒子及其中的內容浮動到文件(或者是上層盒子)的右邊或者左邊。

#picture {

float:left;

width:100px;

causasnaturales et antecedentes,

idciroetiam nostrarum voluntatum...

(2)浮動也可以用於實現在文件中分列

2.clear屬性——用於控制浮動元素的後繼元素的行為。預設地,後繼元素將向上移動,以填補由於前面元素的浮動而空出的可用空間。clear屬性的值可以是leftrightbothnone。

——其原理是:數字較大的元素將疊加在數字較小的元素之上。

#ten_of_diamonds{

position:absolute;

left:100px;

top:100px;

z-index:1;

#jack_of_diamonds{

position:absolute;

left:115px;

top:115px;

z-index:2;

#queen_of_diamonds{

position:absolute;

left:130px;

top:130px;

z-index:3;

#king_of_diamonds{

position:absolute;

left:145px;

top:145px;

z-index:4;

#ace_of_diamonds{

position:absolute;

left:160px;

top:160px;

z-index:5;

css3學習筆記

1.為什麼分許多模組進行管理?為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一,class屬性本身沒有語義,褚翠是用來為css樣式服務的,屬於多餘屬性。第二,使用屬性的話,並沒有把樣式與元素繫結起來,針對同乙個class屬性文字框,下拉框,按鈕都可使用。這樣很...

CSS3學習筆記

一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...

css3學習筆記

1,transition是過度效果,一般是和hover一起用,transition的屬性有height,width常用屬性,在hover裡面就是會覆蓋原來的屬性,屬性由逗號間隔,各個屬性之間沒有先後關係,webkit transition width 2s ease in,height 2s,web...