css選擇器緊挨在一起,css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態(tài)
:hover 移入時元素的狀態(tài)
:visited 已被訪問過后的元素的狀態(tài)
:active 被點擊時元素的狀態(tài)
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
html中怎么讓文字顯示在圖片的左邊?
html
Hello World!2.css .div{ /*設置該div為左浮動(可以理解為修改div默認排列,默認是縱向,浮動為橫向,一個div看不出效果!)*/ float:left; /*下面兩個:將子div垂直居中,于父div(由于沒有設置該子div高度寬度,所以子div為自適應) 千萬注意:父div,也就是使用該css的那個div一定要設置為“正方形”,width=height的像素,如果發(fā)現圖片和文本并沒有貼在一起,那么設置圖片寬高和這個div一樣即可*/ display:flex; align-items:center; }css的注釋方式是?
CSS注釋有著注解說明之用,我們常常使用CSS注解對CSS代碼或布局CSS樣式進行特別說明批注;也有條件注釋進行功能性的使用。
css代碼中加入注釋內容的使用語法為 /* 文本 */
css的注釋方式是:
以“斜杠+星號(/*)”開始,“星號+斜杠(*/)”結束,注解說明內容放到“/*”“*/”中間。需要注意是注釋字符均為英文半角小寫;并且“*”符號不要和注釋內容緊挨在一起,至少需要一個空格位置空著。