1、 css的class選擇器,dw中如何調用class?
class標簽分為三種用法
1.行內樣式:<div style="background:#fff;"></div>
2.內聯樣式:
<style>
body{ padding-top:50px; font-family:"微軟雅黑";}
</style>
樣式優先級僅次于行內樣式,適合少量樣式代碼,如果樣式過多,就不適合。
3.外鏈樣式:
<link rel="stylesheet" href="style.css">
推薦使用這種方法,外鏈樣式表方便修改,樣式代碼和框架代碼明確分開,也便于加載。
2、 css復合選擇器有哪三種?
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用:通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法:選擇器1,選擇器2,選擇器n{ }
5、復合選擇器(交集選擇器)
作用:選擇更準確更精細的目標元素并為其設置屬性
語法:選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格,要緊挨在一起
6、通配選擇器
作用:用來選中頁面中所有的元素
語法:*{ }
7、后代元素選擇器
作用:選中指定元素的指定后代元素
語法:祖先元素 后代元素{ }
8、子元素選擇器
作用:選中指定父元素的子元素
語法:父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用:根據元素中的屬性或屬性值來選取指定元素
語法:[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用:選中一個元素后緊挨著的指定的兄弟元素
語法:前一個+后一個(作用在后一個)
~選擇器
作用:選中后邊所有的制定兄弟元素
語法:前一個~后邊所有
3、 class是什么元素?
定義和用法
class 屬性規定元素的類名(classname)。
class 屬性大多數時候用于指向樣式表中的類(class)。不過,也可以利用它通過 JavaScript 來改變帶有指定 class 的 HTML 元素。
4、 css設置背景圖片大小?
1、新建html文件,以test.html命名文件,下面以該文件為例講解css中怎樣調整插入背景圖片的大小。
2、test.html文件中用div標簽創建一塊區域,將其設置class屬性為mydiv,目的是用于下面通過該class來對樣式進行設置。
3、test.html文件中,寫一個<style type="text/css"></style>標簽,把頁面的css樣式寫在該標簽內。
4、在css標簽內,用類名mydiv設置div的樣式,定義其寬度500px,高度400px,邊框為1px紅色邊框。
5、在css標簽中,利用background-image屬性來設置div的背景圖片為images文件夾中的a.jpg,同時通過background-repeat設置背景圖片不重復顯示。
6、在css標簽內,使用background-size調整背景圖片的尺寸,第一個參數為寬度,第二個參數為高度,假設這時設置背景圖片的高寬為原來一半,即50%。
7、在瀏覽器中打開test.html文件,看一下最終的效果。