偽類選擇器是css中已經定義好的選擇器,css樣式規則定義8種類型?
1、點擊css樣式窗口的"新建css規則",打開新建css規則對話框。
2、在選擇器類型中選擇“類”,選擇器名稱選擇.title,在規則定義中選擇新建樣式表文件。點擊確定后選擇樣式文件要放置的文件夾。
3、這樣就創建了一個css樣式文件,并新建了一個名為.title的樣式。在打開的css規則定義對話框中的左側選擇類型,這就是css規則的類型樣式,主要用于設置文本的css樣式。
類和標簽的區別?
選擇器的種類可以分為三種:標簽名選擇器、類選擇器和ID選擇器。類選擇器和標簽名選擇器的不同,類選擇器是自己定義的,如class="aaa";標簽名選擇器是html已經規定好的標簽名,如a標簽是鏈接,h1是標題,img是圖片,它們有默認的一些樣式
css調試工具?
css說是調試工具其實只是一段 Javascript 代碼,但非常實用,它會給頁面里所有的 DOM 元素添加一個 1px 的描邊(outline),方便我們在調試 CSS 過程中分析、排查問題。
先來看看代碼,它有兩個版本,一個是使用的$$選擇器,代碼量更少(瀏覽器控制臺支持 $$ 選擇器);另一種就是傳統的document.querySelectorAll選擇器:
CSS的類選擇器和id選擇器各有什么優勢?
ID用于標識頁面上的特定元素(比如站點導航),而且必須是唯一的。 ID也可以用來標識持久的結構性元素,例如主導航或內容區域。ID還可以用來標識一次性元素,例如某個鏈接或表單元素。一個ID只能應用于頁面上的一個元素。
class同一個類名可以應用于頁面上任意多個元素,因此類的功能強大的多。類非常適合表示內容的類型或其他相似的條目。
在實際開發中,要根據實際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用,或者同一界面多個元素風格一致,樣式統一使用class類要方便的多。
下面就是最簡單的一個小例子:
展示效果: