1、改為全css選擇器定位，css如何調整相對位置？

相對定位是一個非常容易掌握的概念。如果對一個元素進行相對定位，它將出現在它所在的位置上。然后，可以通過設置垂直或水平位置，讓這個元素“相對于”它的起點進行移動。

如果將 top 設置為 20px，那么框將在原位置頂部下面 20 像素的地方。如果 left 設置為 30 像素，那么會在元素左邊創建 30 像素的空間，也就是將元素向右移動。

2、css的優先級怎么判斷？

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2. 作為style屬性寫在元素內的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同，優先級不同

總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較

3、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文件就成功鏈接進去了：

4、使用css3的屬性選擇器設置搜索？

通過設置搜索框的width屬性和heoght屬性來設置搜索框的大小。