頁面排版的一些問題(個人) 歡迎補充

2021-10-10 05:32:12 字數 633 閱讀 3900

margin padding不改變盒子大小尺寸的方法 ,設定box-sizing:border-box; 要給元素設定寬高才能生效

背景顏色漸變屬性 , linear-gradient 使用 background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);

背景位置background-position: top left;;

排版問題首先注意背景顏色,先研究設計稿的布局 元素的尺寸

框架的選擇 動手做專案之前根據頁面的功能選擇合適的框架 移動端 用vant pc端 用elemment ,vue*

向量圖的使用 只能當作字型來用 有顏色的只能用或者背景圖;

框架修改樣式時 最好不要修改原來的樣式 能重寫就重寫 實在不行再改框架本來的樣式 ;

字型前面的小豎槓 可以用邊框 加padding實現;

flex布局比float好用 (個人覺得)flex布局占用效能比float少 flex相容差(支援ie9以上)

line-height 可以用來控制高度 高度不確定的時候用

echart 乙個圖表在乙個頁面多次例項化 做到**復用 (未解決)scroll 滾動條使用(未解決)

mybatis 一些問題 個人記錄

select select from ilike class where school id and start at listfindold integer schoolid,int year select select from ilike class where school id and s...

關於pyinstaller一些問題個人解決方法

1.unicodedecodeerror utf8 codec can t decode byte 0xce in position 47 invalid continuation byte 1.找到報錯檔案和報錯位置,把encoding改為 iso 8859 1 2.命令列輸入 chcp 6500...

vue首次安裝過程中的一些問題,個人筆記

在安裝vue時,如果使用 npm install g vue cli該命令為安裝2.x版本的vue,如果想要安裝3.x版本以及更高的需要使用新的命令。npm install g vue cli首先,解除安裝舊的vue,使用命令解除安裝vue。npm uninstall g vue cli如果vue解...