帶你了解CSS基礎知識和基本用法

2021-10-24 19:25:51 字數 1780 閱讀 1732

相信做過網頁的對css都不是很陌生，它可以幫助我們重鑄網頁中很多絢麗的特效，尤其是現在css已經發展3.0版本，很多功能更是豐富多彩，讓我們的開發時間不僅大大縮短，而且還可以輕鬆做出許多華麗的特效，需要注意的是，css相當於html的乙個美化裝置，所以它必須依賴於html才能發揮作用，那麼今天我們就來深入了解下它吧。

1).頭部檔案中定義

2).匯入css檔案

建立乙個css檔案，裡面寫入樣式，然後匯入
3).直接在標籤中定義

css注釋


注：與html 不同，它的注釋方式是：/* css語句*/
1).id和class選擇器id選擇器必須現在標籤中的定義，然後在在頭部標籤的style標籤中用「#」來表示：

fd


定義乙個id為dv的div
class選擇器和id選擇器差不多，只不過class選擇器用」.「來表示：

fd
2).元素選擇器就是指直接宣告標籤名為選擇器，然後更改樣式

fd
或者宣告所有標籤名為選擇器

fd
也可以使用元素加選擇器更加精確的定位到該元素

fd


fhsjak


re
3).後代選擇器訪問乙個元素內的其它元素，可以是元素內的任意元素

erzi


sunzi
4).子元素選擇器

erzi


sunzi
5).兄弟選擇器位於元素的下乙個元素，不在元素內

erzi


sunzi


borther
6).偽類選擇器偽類選擇器可分為三類

1)).錨偽類，用於檢測滑鼠的懸停狀態。
注?️hover必須置於a:link和a:visited 之後，才是有效的。a:active必須被置於a:hover 之後，才是有效的。

2)). ：first-child偽類

匹配第乙個匹配到的標籤

3)). ：lang偽類

hw任性的90後boy


必須要用短引用
這篇文章主要講述了css的基礎用法，講述了如何定義標頭檔案，匯入css檔案，id和class選擇器，元素選擇器，後代選擇器，子元素選擇器，兄弟選擇器，偽類選擇器等等，希望讓大家對css選擇器有個簡單的認識和了解。

Linux基礎知識了解

1 常見檔案分為普通檔案 目錄檔案 裝置檔案 鏈結檔案。其他還有管道檔案 p 共享檔案 s 堆疊檔案 f 2 drwxr xr x 分為三組屬性。其中rwx當前使用者，r x當前使用者所在同一組使用者，最後乙個r x其他使用者。3 chmod 可以修改檔案屬性 例 u x 0313 或者rwx分別為...

了解Typescript基礎知識

1.使用 可以實現多行字串 2.字串模板 function getname var name string console.log 3.自動拆分字串 function test template,name,age var myname pipi var getage function test he...

了解uml基礎知識

1.1 uml基礎知識掃盲 uml這三個字母的全稱是unified modeling language，直接翻譯就是統一建模語言，簡單地說就是一種有特殊用途的語言。你可能會問 這明明是一種圖形，為什麼說是語言呢?偉大的漢字還不是從圖形 象形文本 開始的嗎?語言是包括文字和圖形的 其實有很多內容文字是...