css基礎(chǔ)選擇器有哪三種,dw2020新建css規(guī)則?
1.首先,新建一個HTML文檔,這里以Div css布局為例。
2.點擊插入菜單下的“Div(D)”,彈出對話框。
3.點擊“新建css規(guī)則”,定義一個選擇器,“確定”完成。
4.設(shè)置大小及背景顏色,“確定”完成。
css設(shè)計器怎么用?
1、首先打開DreamweaverCC2018軟件新建一個html文件,在右上角點擊CSS設(shè)計器,并在下方點擊加號,然后選擇創(chuàng)建新的CSS文件:
2、在創(chuàng)建窗口中,點擊瀏覽按鈕。
3、然后選擇站點創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點擊保存插件文件:
4、然后把添加為設(shè)置成鏈接,點擊確定按鈕:
5、添加完成后就可以在右側(cè)的站點中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:
6、此時在html文件中的head標簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表:
7、接下來在html網(wǎng)頁編輯頁面,在body標簽中輸入一個div:
8、然后在頂部tab標簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁面,在div標簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網(wǎng)頁:
10、最后點擊頂部的設(shè)計按鈕,就可以看到實時效果了,此時css文件就成功鏈接進去了:
css選擇器加是什么?
css選擇器加.是類選擇器,選擇與class屬性相匹配的類名
css3新增功能?
1、css3新增的超級選擇器:屬性選擇器、結(jié)構(gòu)性偽類選擇器、UI元素狀態(tài)偽類選擇器、通用兄弟元素選擇器
2、使用選擇器在頁面中插入文字、圖片、項目編號等內(nèi)容
3、文字陰影與自動換行
4、各類盒模型:總體分為block類型和in line類型,在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關(guān)類型、none類型
5、盒模型相關(guān)的屬性:overflow屬性(內(nèi)容溢出)、box-shadow屬性(盒陰影)、box-sizing屬性(寬高計算)
6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性
7、新增的邊框樣式:border-radius屬性(圓角邊框)、border-image屬性(圖片邊框)
8、新增的 transform變形功能:rotate(旋轉(zhuǎn))、scale(縮放)、skew(傾斜)、translate(移動)
9、新增的動畫功能:transition(平滑過渡)、animation(關(guān)鍵幀)
10、布局相關(guān)樣式:多欄布局、盒布局、彈性盒布局
11、兼容性問題