CSS學習小記1(Dreamweaver CC 創建選擇器)

創建CSS 選擇器
1、在右側「CSS設計器」面板,在「源」窗格中,(+)創建一個「源」或選擇其中已有的外部「源」文件(在頁面中直接定義的源,就不可在其他頁面被調用)。
2、在@媒體窗格中,選擇某個媒體查詢(媒體查詢是一種 CSS3 模塊,可幫助您通過爲不同設備或媒體類型定義不同的樣式規則來設計響應式網站,如無需求可不選)。
3、在「選擇器」窗格中,單擊(+) 。根據在文檔中選擇的元素,「CSS Designer」會智能提供選擇器的粗略/具體顯示名稱(基於正在選中的HTML標籤,使用上下按鍵選擇,不需要提供的名稱可自行命名)。
4、在HTML內,爲某個標籤設計id,可以爲選擇器命名#+id內容,直接爲該標籤作樣式控制。如:HTML內設定<p id="paragraph">前端學習</p> 在選擇器窗格里面,選擇器命名爲#paragraph,即可爲這段落標籤設置樣式。(注意選擇器不可以數字開頭)
5、新建了選擇器,屬性窗格彈出」添加屬性「欄,可以直接輸入需要添加的樣式代碼,選擇值。也可以勾選「顯示集」查看所有屬性來尋找需要的樣式。
6、「全部」指的是此頁面的全部CSS選擇器,「當前」指的是當前選中的標籤中包含的CSS選擇器。

在這裏插入圖片描述