續上節課:未寫完內容
7.overflow溢位處理
(1)hidden隱藏超出大小的圖層
(2)scroll無論內容是否超出圖層大小都新增滾動條
(3)auto超出部分自動新增滾動條
div
6月9日
從效果圖到網頁布局中以及按需要切圖
1.進行區域的劃分
(1)分為幾個div,div中還有其他的
如圖分為三部分:
第一部分:
第二部分:
第三部分:
2.進行切圖操作
工具: photoshop;
(1)拷貝匯入效果圖
(2)進行一系類操作:發大,拉動標尺選定範圍,選擇切圖工具進行切圖
(3)儲存,記得格式的更改
3.對進行重新命名
4.在專案中新建資料夾,將匯入專案中
5.在ps中獲取網頁效果顏色新增入**,設定網頁格式背景顏色
6.在**中對切片進行鏈結
注意:為主使**簡潔在專案中新建css資料夾,再鏈結入主檔案中。如圖:
7.檢視頁面效果,在**中修改頁邊距等等
如:設定body去掉body中的頁邊距
–——>:通用樣式*去掉所有頁面的邊距
8. 對連線進行顏色修改,並去除下劃線
如下:.top在這裡只能改變文字的顏色,通過下面**才能改變鏈結的顏色
.top a
以下是設定單滑鼠移動到鏈結上是鏈結顏色設定
.top a:hover
9.設定全域性字型樣式:
body
10.對前面的分出區域進行詳細化,設定各種連線按鈕等等
9月6日作業
用某種程式語言編寫寫一堆檔案,這一堆檔案就是程式。計算機分為五大組成部分,分別為 控制器 運算器 儲存器 輸入裝置和輸出裝置,控制器 運算器 cpu 控制器 計算機的指揮系統。運算器 執行器是計算機的運算系統。儲存器 計算機的儲存系統。3.1記憶體 主存 記憶體是計算機臨時儲存資料的硬體裝置。讀取資...
2023年6月9日學習筆記
內邊距 計算盒子的實際大小 盒子實際的大小 內容的寬度和高度 內邊距 邊框 padding不影響盒子大小的情況 如果沒有給乙個盒子指定寬度,此時,如果給這個盒子指定padding,則不會撐開盒子。外邊距 margin margin屬性用於設定外邊距,就是控制盒子和盒子之間的距離。基本屬性與paddi...
6月9日任務進度
按照進度 今天還是學習,但相較於總體進度還是慢了一點。今天繼續學習了一些前端知識之後明白了,vue.js對於我這個前端初學者這段時間寫完有點困難所以決定戰略性捨棄vue.js,也極有可能可能不需要bootstrap,但是考慮後期很有可能功能擴充套件使用框架能加快碼速。確定了我們前後端的需求,以及前後...