css 在網頁開發中扮演着重要的角色,被譽為網頁開發的三劍客,如果說html是人的外在器官部分,那css無疑是各個器官組成在一起然后表現出來,css又稱樣式重疊在網頁排版布局中的地位舉足輕重。
做為后端開發者來說,學好css樣式也是快速入門各類框架的基礎,也是做為一名全棧工程師必備的知 識,下面來說說css中重要的選擇器,
在css中常見的選擇器有四種常見,說到選擇器就不得不說css引入文件的常見的三種方法,1,內聯文件,2,外部文件,3.內嵌文件 ,其中三種常規的例子如下
1,借助link標簽來引入“外部文件“,href 則代表其路徑文件屬性
2,中則是"內嵌文件" 在html /head 標簽下面 style之內
3.內聯在html代碼中被稱為"內聯文件"。
之所以講三種引入樣式文件方法,是因為他們與選擇器息息相關,
總結:1,不管哪一種方式,都得先找到 對應元素,對應id,對應class,或是全局通配,才能賦予其css樣式。
2,三種方式存在着優先級,內聯>內嵌>外部。
3,目前較為流行的是外部樣式。
1,在html代碼中標有 id=“***“時就是 id 選擇器,在css樣式中則用#號獲取該id
ps; 以#號做開始標志選中賦予其背景顏色黃色 說明#id具有唯一性,
1,在html代碼中標有 class=“***“時就是 class 選擇器,在css樣式中則用.號獲取該id
3,元素選擇器中 沒有class ,id 只有標簽的稱為元素 h1-6標簽 p 或 div span等 就是個元素
ps:元素之間可以相互找下級元素以逗分割;如下
這個樣式包含h1與div元素 都會被顯示黃色背景,h1與div之外的不會顯示
4,通配*用來做全局的適配常用來初始化:如下:
ps:全部設置背景顏色黃色
總結;在網頁排版中可以靈活運用以上四種常見的選擇器,繁衍出高級的選擇器。