框變藍(lán)精品文章

• 

  實(shí)現(xiàn)"輸入框"獲得焦點(diǎn)時(shí)外邊框變藍(lán)

  ...頁中的所有輸入框都被設(shè)計(jì)為獲得鼠標(biāo)焦點(diǎn)時(shí)外邊框不變藍(lán)。突然某一天，產(chǎn)品覺得這樣用戶體驗(yàn)不好，不能很明顯地告訴用戶當(dāng)前鼠標(biāo)停在哪里，于是要求改為當(dāng)輸入框獲得鼠標(biāo)焦點(diǎn)時(shí)，外邊框自動(dòng)變藍(lán)；失去焦點(diǎn)時(shí)外...

  Coding01 2019-08-21 10:44 評論0 收藏0
• 

  實(shí)現(xiàn)"輸入框"獲得焦點(diǎn)時(shí)外邊框變藍(lán)

  ...頁中的所有輸入框都被設(shè)計(jì)為獲得鼠標(biāo)焦點(diǎn)時(shí)外邊框不變藍(lán)。突然某一天，產(chǎn)品覺得這樣用戶體驗(yàn)不好，不能很明顯地告訴用戶當(dāng)前鼠標(biāo)停在哪里，于是要求改為當(dāng)輸入框獲得鼠標(biāo)焦點(diǎn)時(shí)，外邊框自動(dòng)變藍(lán)；失去焦點(diǎn)時(shí)外...

  e10101 2019-08-28 18:21 評論0 收藏0
• 

  前端基本功之從大型項(xiàng)目中迅速定位修改位置

  ...到其他字號。發(fā)現(xiàn)內(nèi)聯(lián)的font-size有變化。字體變大。輸入框變大。 猜測輸入框大小跟這個(gè)字號有關(guān)系。 在不同的縮放比例下，按照我們的縮放比例乘以100%狀態(tài)下的的字體大小。就是在該比例下的大小了。 首先看span是怎么加入...

  rubyshen 2019-08-22 17:32 評論0 收藏0
• 

  2018面試題總結(jié)（一）

  ...改更改表單域中的內(nèi)容。不同點(diǎn)： （1）disabled會(huì)使文本框變灰，而readonly只是使文本框不能輸入，外觀沒有變化 （2)表單以POST或GET的方式提交時(shí)，disabled的值不會(huì)被傳遞出去，而readonly會(huì)將該值傳遞出去 HTML5新增了哪些標(biāo)簽? in...

  邱勇 2019-08-22 16:19 評論0 收藏0
• 

  2018面試題總結(jié)（一）

  ...改更改表單域中的內(nèi)容。不同點(diǎn)： （1）disabled會(huì)使文本框變灰，而readonly只是使文本框不能輸入，外觀沒有變化 （2)表單以POST或GET的方式提交時(shí)，disabled的值不會(huì)被傳遞出去，而readonly會(huì)將該值傳遞出去 HTML5新增了哪些標(biāo)簽? in...

  Michael_Lin 2019-08-02 10:11 評論0 收藏0
• 

  2018面試題總結(jié)（一）

  ...改更改表單域中的內(nèi)容。不同點(diǎn)： （1）disabled會(huì)使文本框變灰，而readonly只是使文本框不能輸入，外觀沒有變化 （2)表單以POST或GET的方式提交時(shí)，disabled的值不會(huì)被傳遞出去，而readonly會(huì)將該值傳遞出去 HTML5新增了哪些標(biāo)簽? in...

  Noodles 2019-08-30 15:53 評論0 收藏0
• 

  CSSModules

  ...o54fTBX29J9G65Ai { color: #0c77f8; } 相應(yīng)的 html 代碼： 我會(huì)變藍(lán) 輸入變量 CSS Modules 支持使用變量，不過要安裝 PsotCSS 和 postcss-modules-values。 $ npm install --save postcss-loader postcss-modules-values 把 postcss-l...

  Youngdze 2019-08-30 14:22 評論0 收藏0
• 

  CSS box-sizing與background-clip解決背景顯示范圍的問題

  ...方便去計(jì)算大小，也能避免內(nèi)容的東西加了padding就把外框變大了，然后再根據(jù)當(dāng)下的情況，去決定是否要改為content-box。 下面的示例是用三個(gè)示例來對照參考，半透明的藍(lán)色方塊是原始的大小，第一張圖設(shè)定了padding:20px；，第...

  maochunguang 2019-08-02 16:17 評論0 收藏0
• 

  CSS box-sizing與background-clip解決背景顯示范圍的問題

  ...方便去計(jì)算大小，也能避免內(nèi)容的東西加了padding就把外框變大了，然后再根據(jù)當(dāng)下的情況，去決定是否要改為content-box。 下面的示例是用三個(gè)示例來對照參考，半透明的藍(lán)色方塊是原始的大小，第一張圖設(shè)定了padding:20px；，第...

  seanlook 2019-08-26 13:45 評論0 收藏0
• 

  CSS box-sizing與background-clip解決背景顯示范圍的問題

  ...方便去計(jì)算大小，也能避免內(nèi)容的東西加了padding就把外框變大了，然后再根據(jù)當(dāng)下的情況，去決定是否要改為content-box。 下面的示例是用三個(gè)示例來對照參考，半透明的藍(lán)色方塊是原始的大小，第一張圖設(shè)定了padding:20px；，第...

  zhaot 2019-08-30 10:52 評論0 收藏0
• 

  CSS3偽類和偽元素

  ...ss: div:nth-child（1）{color:blue;} 只會(huì)讓第一個(gè)span元素的顏色變藍(lán) ? div:nth-of-type(2){color:red;} 則會(huì)使第二個(gè)span元素和第二個(gè)p元素的顏色都變紅，原因是把div的子元素分成了兩類，一類是span元素，另外一類是p元素。 ? 二、CSS3偽元素 ...

  mozillazg 2019-04-23 13:35 評論0 收藏0
• 

  CSS3的過渡和動(dòng)畫

  ... 1.通過@keyframes規(guī)則創(chuàng)建動(dòng)畫 /*創(chuàng)建動(dòng)畫，字體顏色由紅變藍(lán) */ @keyframes changeColor { from { color: red; } to { color: blue; } } 2.元素綁定動(dòng)畫 span { display: inline-block; /*內(nèi)聯(lián)元素要轉(zhuǎn)成block元素 */ animation: c...

  andong777 2019-08-30 13:53 評論0 收藏0
• 

  js 和 css動(dòng)畫

  ...，在第0條cssRules中添加一條css規(guī)則。使得類為name的字體變藍(lán)如果添加的索引已經(jīng)存在則不會(huì)覆蓋，所有的索引加1，然后進(jìn)行插入 deleteRule()方法 刪除樣式規(guī)則刪除上一條插入的樣式 ss.deleteRule(0); 刪除第0條規(guī)則，樣式繼續(xù)保持從...

  qianfeng 2019-08-29 16:23 評論0 收藏0
• 

  js 和 css動(dòng)畫

  ...，在第0條cssRules中添加一條css規(guī)則。使得類為name的字體變藍(lán)如果添加的索引已經(jīng)存在則不會(huì)覆蓋，所有的索引加1，然后進(jìn)行插入 deleteRule()方法 刪除樣式規(guī)則刪除上一條插入的樣式 ss.deleteRule(0); 刪除第0條規(guī)則，樣式繼續(xù)保持從...

  leone 2019-08-23 10:55 評論0 收藏0
• 

  【理解chrome開發(fā)者工具】 part1 編輯與調(diào)試

  ...打斷點(diǎn)。我們還可以直接點(diǎn)擊代碼行數(shù)來打斷點(diǎn)，行數(shù)會(huì)變藍(lán)。當(dāng)代碼運(yùn)行到斷點(diǎn)的時(shí)候，我們會(huì)在調(diào)試操作面板中看到Paused on breakpoint的提示。注意斷點(diǎn)是在該行代碼執(zhí)行前斷而不是之后。 除了常見的Step over, Step into功能...

  Shisui 2019-08-23 18:01 評論0 收藏0