css基礎選擇器的類型及表達方法，css設計器怎么用？
1、首先打開DreamweaverCC2018軟件新建一個html文件，在右上角點擊CSS設計器，并在下方點擊加號，然后選擇創建新的CSS文件：
2、在創建窗口中，點擊瀏覽按鈕。
3、然后選擇站點創建好CSS文件夾，然后輸入創建的CSS的名字，點擊保存插件文件：
4、然后把添加為設置成鏈接，點擊確定按鈕：
5、添加完成后就可以在右側的站點中的CSS文件夾下看到剛創建好的CSS樣式表文件了：
6、此時在html文件中的head標簽中，就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表：
7、接下來在html網頁編輯頁面，在body標簽中輸入一個div：
8、然后在頂部tab標簽中選擇剛才創建的CSS樣式表，并在樣式表中寫一個樣式，命名為aaa，并按下快捷鍵Ctrl+S保存樣式表：
9、最后回到html編輯頁面，在div標簽中引入class，輸入剛才寫的樣式的名稱aaa并保存網頁：
10、最后點擊頂部的設計按鈕，就可以看到實時效果了，此時css文件就成功鏈接進去了：
css選擇器中后代選擇器與子選擇器的區別？
css后代選擇器和子選擇器的區別介紹：
1 css后代選擇器語法：h1 em {color:red;} 表示的是從h1開始里面包含的所有的em元素變成紅色，h1為祖先，其他的em都是后代，即選中后代，不管是兒子還是孫子，只要是都會被選中，為后代選擇器。2、css子元素選擇器語法：h1>em{color:red;} 表示的是從h1開始里面的第一層em元素變成紅色，h1為祖先，em為兒子，就像世襲制一樣，只能傳給兒子，孫子和其他堂親都不行
css按照定義位置可分為哪幾種？
css定位有四種不同類型，position值分別為：static（靜態定位）， relative（相對定位），absolute（絕對定位），fixed（固定定位）。下面本篇文章就來給大家介紹一下，希望對大家有所幫助。
1、relative（相對定位）
相對定位的偏移參考元素是元素本身，不會使元素脫離文檔流。元素的初始位置占據的空間會被保留。相對定位元素常常作為絕對定位元素的父元素。并且定位元素經常與z-index屬性進行層次分級
2、absolute（絕對定位）
絕對定位元素以父輩元素中最近的定位元素為參考坐標，如果絕對定位元素的父輩元素中沒有采用定位的，那么此絕對定位元素的參考對象是html,元素會脫離文檔流。就好像文檔流中被刪除了一樣。并且定位元素經常與z-index屬性進行層次分級
3、fixed(固定定位)
位移的參考坐標是可視窗口，使用fixed的元素脫離文檔流。并且定位元素經常與z-index屬性進行層次分級
4、static （靜態定位）
默認值，元素框正常生成的，top left bottom right這幾個偏移屬性不會影響其靜態定位的正常顯示
css復合選擇器有哪三種？
1、元素選擇器 標簽名{ }
2、id選擇器 #id屬性值{ }
3、類選擇器 .class屬性值{ }
4、選擇器分組(并集選擇器)
作用：通過它可以同時選中多個選擇器對應的元素(通常用于集體聲明)
語法：選擇器1，選擇器2，選擇器n{ }
5、復合選擇器(交集選擇器)
作用：選擇更準確更精細的目標元素并為其設置屬性
語法：選擇器1選擇器2選擇器n{ }
!注意選擇器之間不能有空格，要緊挨在一起
6、通配選擇器
作用：用來選中頁面中所有的元素
語法：*{ }
7、后代元素選擇器
作用：選中指定元素的指定后代元素
語法：祖先元素 后代元素{ }
8、子元素選擇器
作用：選中指定父元素的子元素
語法：父元素>子元素
9、偽類選擇器
偽類表示元素的一種特殊狀態
:hover 移入時元素的狀態
:visited 已被訪問過后的元素的狀態
:active 被點擊時元素的狀態
10、 屬性選擇器
作用：根據元素中的屬性或屬性值來選取指定元素
語法：[屬性名]選取含有指定屬性的元素
? [屬性名=“屬性值”]選取含指定屬性值的元素
? [屬性名^="屬性值"] 選取屬性值以指定內容開頭的元素
? [屬性名$="屬性值"] 選取屬性值以指定內容結尾的元素
? [屬性名*="屬性值"] 選取屬性值包含指定內容的元素
11、兄弟元素選擇器
+選擇器
作用：選中一個元素后緊挨著的指定的兄弟元素
語法：前一個+后一個(作用在后一個)
~選擇器
作用：選中后邊所有的制定兄弟元素
語法：前一個~后邊所有