CSS個人學習筆記 僅供參考

2021-10-23 19:54:53 字數 1397 閱讀 5228

div是css中的定位技術,全稱division,即為劃分,有時可以稱為圖層。div元素是用來為html文件內大塊的內容提供結構和背景的元素。通俗來說,div在頁面布局中,主要作為承載內容的容器!沒有任何的預設樣式,所有的外觀樣式都需要我們自己調整。

css是一種用來表現html或xml等檔案樣式的計算機語言。css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言(js)動態地對網頁元素進行格式化

在head標籤內部使用style標籤,配合選擇器為標籤設定css樣式

首先我們需要單獨建立乙個css檔案,在檔案中使用選擇器找到對應的標籤,來設定樣式;在html檔案內部的head標籤內,使用link標籤,來匯入外界的css檔案

在css選取標籤的一種機制,不同的選擇器選擇標籤的機制是不一樣的,通過選擇器找到匹配的標籤後,才能設定css樣式

選擇器名稱

標籤名

id選擇器
#id名稱

類class選擇器

.類名

css樣式衝突問題

a超連結總共有四種狀態:如果想要讓a標籤的四個偽類樣式都起作用,那麼必須按照link->visited->hover->active的順序來設定,一旦順序改變,則不起作用

邊框的組成

邊框的圓角樣式border-radius

盒模型也稱盒子模型,內容包含了:外邊距margin、邊框border、內邊距padding、內容content

乙個元素的作用範圍

外邊距margin

注:在給定外邊距區域內,不能存在任何內容,所以會讓元素本身發生偏移

衝突問題:

距離問題:

內邊距padding

乙個元素設定內邊距,代表其內側區域不能存在任何內容,所以也可以實現子級元素的位置偏移,但是要注意,乙個元素設定了內填充,它的範圍會變大,所以我們應當在widthheight上減去內填充的距離,以保持原樣

定位的css屬性為position(值:staticrelationabsolute)

標籤如何顯示,到底是獨佔一行還是一行多個,取決於display這個css樣式,這個樣式稱為標籤的顯示屬性(值:indineblockinline-bolcknone)

HTML個人學習筆記 僅供參考

html中的根標籤可以存在多個 網頁檔案的字尾名可以為html或htm,在瀏覽器中執行 段落標籤 p 換行標籤 br 分割線標籤 hr 標籤屬性的語法格式 字型標籤 font 字型加粗標籤 b 字型傾斜標籤 i 列表標籤 有序ol li,無序ul li 實體標籤 標籤table 表單標籤form s...

位址解析 僅供參考與學習 Java

1 檢查是否存在省份 2 如果存在省份,將會檢查省份是否明確標註省,自治區,市 直轄市 特別行政區的關鍵字,如果不存在,將會自動拼接上,便於後邊正則匹配 3 檢查市級地區是否明確標註市關鍵字,如果沒有標註,將會自動拼接上,如果市級位址中包含州,盟,自治州等特殊情況的市級地區,將不會進行自動拼接 注 ...

CSS個人學習筆記

元素中所有子元素和文字內容都在內容區排列 內容區大小由width和height屬性設定 width 設定寬度 height 設定高度 共有四個方向的內邊距 padding top right bottom left 內邊距會影響盒子大小,背景顏色會延伸到內邊距上 盒子的可見框總大小 由內容區 內邊距...