列出css的選擇器及其用法,css表格怎么設置選中樣式?
.
將表格渲染出來,能夠看到表格是最基本的,如果連表格都沒有的話,怎么去設置它的樣式.呈現表格,代碼如下: <table> <thead> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </thead> <tbody> <tr> <td>表格</td> <td>表格</td> <td>表格</td> <td>表格</td> </tr> </tbody> </table>
2.
上面的表格是沒有任何樣式的,如果你不看代碼還以為沒有用到樣式呢.這一步將樣式加上,加的是邊框樣式,代碼如下: td{ border: 1px solid red; } 因為TD是標簽,無需加其它任何的樣式,只需要針對它添加樣式即可.
3.
同樣的,你可以給TD加上其它的樣式 ,比如大小,邊距等等,代碼如下: td{ border: 1px solid red; width: 30px; margin: 10px; }
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文件就成功鏈接進去了:
感知技術特點?
感知技術不但有助于減少編寫代碼時出現的錯誤,還有助于提高工作效率。在 Microsoft Expression Web 中,可以在使用 HTML、級聯樣式表 (CSS)、可擴展樣式表語言 (XSL)、JScript、JavaScript、Visual Basic Scripting Edition (VBScript)、ASP .NET 和 PHP: Hypertext Processor (PHP) 時使用感知技術。
感知技術是“代碼”視圖中的功能,它可以自動插入代碼并實現對代碼超鏈接的跟蹤。
感知技術還可以顯示上下文相關的屏幕提示或快捷菜單,以便查找和插入對于代碼中的當前點有效的代碼。例如,如果在鍵入 CSS 選擇器后鍵入了一個左大括號 ({),智能感知會顯示一個包含所有可用屬性且按字母順序排序的快捷菜單。
從菜單中選擇某個屬性或鍵入該屬性之后,感知技術會顯示另一個包含適用于所選屬性的值的快捷菜單。
感知技術特點:
1.自動插入結束標記、右大括號和值引用。
2.上下文相關的快捷菜單,列出與代碼中的當前點兼容的代碼,并且可以插入這些代碼。
3.上下文相關的屏幕提示,列出與代碼中的當前點兼容的變量、函數或參數。
3.代碼超鏈接,單擊這些指向類、外部 CSS 文件和腳本函數的超鏈接或引用可以打開或轉到這些項的來源。
類選擇器語法?
1. 標簽名選擇器 div { color:Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示