web學習 專案練習 No 2 部落格

2021-08-30 11:12:54 字數 1787 閱讀 3565

部落格專案是在遊記專案的簡陋網頁上進行樣式的美化和改變。

思路:

重置css樣式,新建的style-reset.css檔案,將瀏覽器的預設樣式重置;

根據要求設定不同類、不同元素的樣式;

開啟設定過css樣式的html檔案,對比一下要求,看是否有不對的地方,進行增刪查改。

效果如圖:

描述:

在h1標題的文字下方顯示一條下劃線,文字下方顏色是#188eee,其他顏色為#ccc,寬度當前所在標籤模組的寬度。

實現**:

background-image:  linear-gradient(to right,#188eee 96px ,#ccc 96px);

background-repeat: no-repeat;

background-position: 0 100%;

background-size: 100% 3%;

效果如圖:

描述:

行程需要用到有序列表來記錄,通過修改序號樣式使頁面更美觀

實現**:

.article ol

.article li:before

效果如圖:

描述:在**的周圍加上邊框。

實現**:

border: 1px solid #ccc;

padding: 5px;

效果如圖:

描述:藍色的分割線,直接修改當前標籤塊的上邊框樣式即可。

實現**:

border-top: 3px solid #188eee;
效果如圖:

描述:

在整個網頁的右下方固定乙個背景,上下滾動網頁時,不會跟著內容一起動。

實現**:

.body
總結:學會簡化**,但是不能把不同的類弄混淆;

sublime的快捷鍵很需要,可以節省很多時間,提公升工作效率;

不會的地方要去鑽研,看不懂要去查,再不懂就要問,比如linear-gradient設定下劃線,在google上找到例項,自己將每一句**都反覆刪減修改再執行html檔案,最後徹底搞懂了;

元素選擇器的層級關係要做好,不然很容易影響錯亂;

重置樣式表可以為多個頁面引用,做為多個頁面的公共樣式表。雖然當前只做乙個頁面,把公共部分分離出來,這對多頁面是有開發優勢的。

Tensorflow學習筆記No 2

函式式api相比於keras.sequential 具有更加靈活多變的特點。函式式api主要應用於多輸入多輸出的網路模型。利用函式式api構建神經網路主要分為3步,1.構建輸入層,2.構建中間層與輸出層並連線神經層,3.生成神經網路模型。輸入層的構建較為簡單,呼叫keras.input 方法來構建輸...

Ubuntu學習NO2 解除安裝軟體

安裝軟體 sudo apt get install softname1 softname2softname3 解除安裝軟體 sudo apt get remove softname1 softname2 softname3 解除安裝並清除配置 sudo apt get remove purgesof...

練習題 No 2 硬幣問題(貪心法)

現在有1元 5元 10元 50元 100元 500元的硬幣,有c1 c2 c3 c4 c5 現在需要用這些硬幣來支付a元,最少需要多少硬幣?輸入需要輸入5種硬幣的數量和需要支付的錢輸出需要有用了多少硬幣以及每種硬幣各花了多少10000 100 50 20 10 5 5000cost 85 1 0 5...