原创 vue路由使用

vue add router 使用歷史模式嗎?Y 項目中生成router.js文件,所以在main.js主入口文件中引入import router from './router.js' 在new Vue({router: router}

原创 web字體和圖標(CSS查漏補缺)

文: jack同學 web字體: 爲了解決用戶電腦上沒有安裝的字體 可以使用font-family設置字體顯示,需要用戶電腦本身就支持某個字體 第二種強制讓用戶下載該字體 準備一個字體文件(一般公司設計師會提供),一般字體文件格

原创 BFC/塊級格式化上下文(CSS查漏補缺)

文: jack同學 是什麼:它是一塊獨立的渲染區域,它規定了在該區域中,常規流塊盒的一些佈局規則 另外一些概念: 視覺格式化上下文包含了塊級格式化上下文,所以BFC也是佈局規則的一種,並且是常規流塊盒佈局規則的一部分。 所謂創建BF

原创 :focus 、 :checked、:disabled選擇器(CSS查漏補缺)

文: jack同學 :focus常用在表單聚焦樣式 :checked常用在單選複選框的樣式 :disabled常用在元素禁用時設置樣式

原创 body背景問題(CSS查漏補缺)

文: jack同學 當遇到需要給body添加背景的時候,會遇到很多的坑,這些坑真的是五花八門。 舉一個簡單的例子:給body設置一個小於視口的寬高,然後再設置一個背景,你會發現背景並不在body的內容區域內。其實除了這個簡單的,還有很

原创 resize屬性控制textarea標籤(CSS查漏補缺)

文: jack同學 both: 默認值,水平垂直方向都可以調整尺寸 none: 不能調整尺寸 horizontal:水平方向可以調整尺寸 vertical:垂直方向上可以調整尺寸

原创 文本框邊緣到內容的距離調整(CSS查漏補缺)

文: jack同學 兩個方法,根據情況而定 padding:設置內邊距 text-indent:首行縮進,相較於padding,只縮進第一行,並且溢出之後文本框到內容的距離不會顯示

原创 行內元素垂直對齊以及圖片底部白邊問題(CSS查漏補缺)

文: jack同學 問題:很多時候佈局,多個行盒排列時垂直方向上對齊時不一致的 解決:使用vertical-align屬性設置行盒,可以設置middle,top, bottom, 還有數值(如 -4px / 6px); 這些基本上可

原创 做一個好看的單選和多選框(CSS查漏補缺)

文: jack同學 我們知道,單選框和複選框的樣式幾乎改變不了,原因是由於它們是可替換元素,樣式更改權限較小,所以我們自己寫一個簡單好看的單選複選框 單選框 html部分代碼 <label> <input