前端專案1總結

2022-06-23 11:27:09 字數 519 閱讀 4887

1.關於字型

設定了字型為10px但卻沒有效果

因為瀏覽器預設展示的最小字型為12px,當設定的字型小於12px時,瀏覽器將按照12px的字型來展示。如果想要讓字型變得更小一點,可以通過transform:scale()進行縮放來達到效果。但是要注意,如果文字是放在div標籤中的,使用縮放功能div盒子也是會一起縮放的。如果div盒子有邊框或者樣式展示。可以在裡面內嵌乙個span或者其他標籤,來專門控制文字的縮放。

2.設定背景圖模糊

假設使用了背景圖。如果直接.bg可以達到背景圖模糊的效果,但是會發現主頁面也變得模糊,也就是說這種方法模糊的不僅是背景圖,還有頁面展示內容。如果只想要背景圖模糊頁面正常展示的話,可以借鑑下面的方法

.bg::before
3.側邊欄點選不重新整理展示右邊內容

可以通過vue,ajax和iframe來實現,本次專案採用iframe方法實現。

前端專案總結

一 頁面布局 bootstrap font awesome 二 框架 easyui bootstrap 三 外掛程式 jquery validate,form,datatables bootstrap select 彈窗外掛程式 bootstrap dialog,jbox,bootbox artdi...

前端總結1

標籤由英文尖括號 和 括起來,如就是乙個標籤。html中的標籤一般都是成對出現的,分開始標籤和結束標籤。結束標籤比開始標籤多了乙個 標籤與標籤之間是可以巢狀的,但先後順序必須保持一致。html標籤不區分大小寫,但建議小寫,因為大部分程式設計師都以小寫為準。doctype html 文件型別宣告,表示...

專案總結(1)

這是專案中一段 然後看了半天,發現自己的基礎是如此的薄弱,只能看懂個大概意思。var html document.queryselector html var clientwidth html.getboundingclientrect width html.style fontsize clien...