css eq選擇器,是什么選擇器?
head img 選擇器:就是指定CSS要作用的標簽,那個標簽的名稱就是選擇器。意為:選擇哪個容器。
CSS的選擇器分為兩大類:基本選擇題和擴展選擇器。
基本選擇器:
標簽選擇器:針對一類標簽ID選擇器:針對某一個特定的標簽使用
類選擇器:針對你想要的所有標簽使用
通用選擇器(通配符):針對所有的標簽都適用(不建議使用)
css中選擇器命名錯誤的是?
首字母必須是字母或者下劃線不能是數(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增加邊框沒有間隙的方式如下
方法一:通用兄弟選擇器( ~ )
Document
ul {margin: 0; padding: 0;}
li { list-style: none; height: 50px; line-height: 50px;}
li~li {border-top: 1px solid #000;}
1
2
3
4
5
6
li~li {...} 中的 ~ 符號稱為通用兄弟選擇器,匹配P元素之后的P元素,所以第一個P元素不會匹配到。
方法二:偽類選擇器( :first-of-type / :last-of-type )
Document
ul {margin: 0; padding: 0;}
li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}
li:first-of-type {border-top: none;}
1
2
3
4
5
6
首先將所有 li 設(shè)置 border-top,然后用 :first-of-type 查找到第一個 li ,取消border-top。