前端技術,layui,輔助框架引用,CSS除錯

2021-09-26 08:16:58 字數 635 閱讀 8578

引入layui.css和layui.js檔案,直接呼叫引用樣式。

antui與layui相似

葉建華前端課程

position:absolute

position:relative

瀏覽器核心:類似汽車發動機,渲染引擎

網頁:結構,表現,行為

核心分類:trident(ie核心),webkit(safari),blink(目前google),gecko(火狐)

input:屬性不同,型別不同

body:內外邊距,rem單位需要對應設定body高寬

後代選擇器(加空格),直接選擇器(用》)

兄弟元素,父子元素

屬性選擇器 div[屬性名=『屬性值』]

塊級標籤,單佔一行,可該寬高。

行內標籤,橫放,但無法改變寬高。

行內塊級標籤,可以同行顯示,但可以改變寬高。

標籤可以轉化。:display:block。塊級標籤 inline 行內標籤

盒子模型:網頁中的任何乙個標籤都是乙個盒子,盒子有屬性

水平居中:行內標籤(text-align),塊級標籤(margin 0 auto)

垂直居中:inline-height

垂直居中:virtical-align:middle

LayUi前端框架

首先宣告一下這是我第一次使用前端框架完成後台的配合工作,這在我工作中也是第一次遇見,因為公司有自己的前端開發工程師,不必要我們自己去實現前端的效果,雖然前端的東西並不是很難,但是重點就是繁瑣,小零碎太多,不想後台一樣,側重於邏輯,但是學習起來還是很方便的,就是中間踩到了不少的坑。題外話 只要努力,你...

Layui 前端框架(1)

首先什麼是js物件導向開發?首先說一下什麼是layui,layui他是乙個非常靈活的前端框架,使用得當的話可以幫助我們後端人員解決不少麻煩,為什麼說他靈活,因為他可以幫助我們在前端實現分頁,日期格式化,動態 的搭建,這是我在實際開發中所遇到的。layui是通過js實現的一系列功能,但是並不完全是js...

LayUI 前端框架基礎知識

layui.js 布局 layui col md offset 定義列偏移,只會在桌面螢幕下有效,當低於桌面螢幕的臨界值時,就會堆疊 layui col space 定義列間距 柵格巢狀 後台布局 基本元件 尺寸 類可以一起用 自適應 圓角 大型百搭圓角按鈕 class layui btn layu...