跟着B站up主視頻教程學習,自己手敲代碼實現 效果如下:
總結一下要點:
1.主要是利用顏色及其透明度。css的顏色表示有好幾種,在這里用的RGB十六進制,有個小技巧--如#ffffff00,直接在顏色后面寫透明度。
透明度用16進制表示的話,全透明到不透明的取值對應(00-ff)之間。FF為不透明可以忽略不寫,所以通常所見的RGB#ffffff六位。
2.表單控件input標簽有個屬性值,用來設置提示信息--placeholder。HTML5新加屬性,可以在input標簽里顯示提示輸入信息,與value不同。
3.設置顏色的時候,搞混了background-color和color....
4.字符圖標的使用:font awesome的下載最好是中文的,可以用什么在官網搜索。之前下載的一直沒找到搜索框,也沒有幫助文檔,用起來很吃力。
http://www.fontawesome.com.cn/。
在線復制粘貼樣式,用<i>標簽引用。阿里的矢量圖還沒有好好研究。
5.一個在線漸變的調色網站:https://webgradients.com/ 有點卡,熟悉背景漸變可以忽略。
PS:動漫電影圖片作背景真的很nice!