1. 程式人生 > >前端基礎知識之css

前端基礎知識之css

前端基礎知識之css   https://www.cnblogs.com/liwenzhou/p/7999532.html#autoid-4-5-0

CSS(Cascading Style Sheet,層疊樣式表)定義如何顯示HTML元素。   css就是修飾那些html元素的

其主要內容為兩大塊: 找到標籤 和  修飾標籤

當瀏覽器讀到一個樣式表,它就會按照這個樣式表來對文件進行格式化(渲染)。

每個CSS樣式由兩個組成部分:選擇器和宣告。宣告又包括屬性和屬性值。每個宣告之後用分號結束。

css的引入方式 三種

1.行內樣式 style

2.內部引入(在html的head部分  <style>  </style>中間寫入)

3.外部引入 (在html的head部分 <link  >  引入外部的css層疊樣式表

CSS選擇器

元素選擇器     p {color: "red";}

ID選擇器    #i1 {background-color: red;}

類選擇器  

c1 {
  font-size: 14px;
}
p.c1 {
color: red;
}

注意:

樣式類名不要用數字開頭(有的瀏覽器不認)。

標籤中的class屬性如果有多個,要用空格分隔。

通用選擇器

* {
  color: white;
}