今日分學習筆記,網頁製作準備,須知點。

2021-10-09 08:20:41 字數 1135 閱讀 2590

網頁製作

前期準備工作

欲先善其事,必先利其器。 先把我們的前期準備工作做好, 我們本次採取結構與樣式相分離思想。

study目錄內新建images 資料夾 用於儲存。

新建index.html 首頁html 檔案(以後我們的**首頁統一規定為index.html)

新建style.css 樣式檔案。 我們本次採用外鏈樣式表。

將樣式引入到我們html頁面檔案中。

樣式表寫入 清除內外邊距樣式,來檢測樣式表是否引入成功。

css屬性書寫順序

在寫網頁的時候需要用到很多的css樣式,為了**的簡潔,建議遵循(從左往右排):

1.布局定位屬性:display / position / float / clear / visibility / overflow

2.自身屬性: width / height / margin / padding / border / background

3.文字屬性: color / font / text-decoration / text-align / vertircal-align / white-space / break-word

4.其他元素: content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient…

布局的流程

1.先確定頁面版心

2.分析頁面中的行模快,以及每個模組中的列模組。布局就是一行行羅列而成的。

3.製作heml結構時要遵循先結構後樣式的原則

4.通過div+css布局整個頁面的各個模組

補充position屬性 設定元素的定位型別

引數:aboslute:生成絕對定位元素,相對於station定位以外的第乙個父元素定位。原有位置讓出

fixed:生成絕對定位的元素,相對於瀏覽器視窗進行定位。原有位置讓出

relative:生成相對定位元素,相對器正常位置進行定位。原有位置不會空出

static:預設值,沒有定位

inherit:規定應該從父元素繼承position屬性的值

今日學習筆記

1,例項化物件時候,括號主要是為了傳入引數。如果建構函式有引數就必須要括號,如果沒有引數,加不加括號效果都相同。arr arr 0 a arr 1 b jsonstr json encode arr echo jsonstr echo echo json encode arr,json force ...

今日學習筆記

關於spring boot專案利用集群模式部署的問題 redis 簡介 redis優勢 開啟資料夾,內容如下 開啟乙個cmd視窗 使用 cd 命令切換目錄到c redis執行 redis server.exe redis.windows.conf 如果想方便的話,可以把 redis 的路徑加到系統的...

今日學習筆記

在servlet層給儲存和編輯功能做區分打標 由於儲存和編輯的功能在servlet層中被編寫到了一起,在呼叫過程中為了達到對兩種功能的區分,則通過給兩個功能打標的方式,實現區分調取 功能中新增 functionadd else service voidedituser useruser throws...