css樣式表的理解

2022-03-07 20:27:50 字數 455 閱讀 8717

全拼cascading style sheete 美化html網頁

1分為內聯樣式表

和html聯合顯示

內嵌樣式表

在單獨區域內嵌,必須在head

外部樣式表

需建乙個css檔案,儲存並附加

2選擇器

class選擇的是以「.」開頭的

id選擇的是以「#」開頭的

復合選擇器

以「,」隔開,使其作用一樣

p,span

以空格隔開,表示可在前者內使用次標籤

div p

以「.」隔開,表示篩選,可令其找到並下達指令

3邊界與邊框

border為邊框,可設定其顏色寬度;border:10px solid #000000;10畫素寬的邊界 顏色

margin為邊距即邊界,輸入auto達到居中;margin-top:210px;上邊界210畫素寬

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

我理解中的css樣式表

我理解中的css css選擇器 1.body這個樣式選擇器,裡面的樣式是用來定義body標籤的。2.d1這個樣式選擇器,用來定義id d1 的樣式 3.c1這個樣式,是用來定義class c1 的樣式 4.d2,d3這個樣式主要就是用來修飾id d2 或者是id d3 的。5.content spa...

CSS層疊樣式表的理解(一)

使用css時,很多的問題都出現在盒子模型,所以要深刻理解盒子模型,才能夠做好css。盒子模型 margin 外邊距 與父親標籤的content邊界之間的距離 可以認為content邊界位置存在,但不佔任何畫素 border 邊框 標籤自身的邊框的粗細 padding 內邊距 標籤與自己的子元素 孩子...