跟著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!
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/51684.html
標籤:Html/Css
上一篇:彈性盒模型
下一篇:HTML(css 樣式)
