欧美人妻一区二区三区,亚洲精品无码一区二区三区网雨 ,国产精品秘入口18禁麻豆免会员,精品无人乱码一区二区三区

要知道，HTML、CSS、JavaScript是學(xué)習(xí)Web前端繞不開的知識(shí)點(diǎn)，尤其是對(duì)于零基礎(chǔ)的新手來說，學(xué)好這三個(gè)基本知識(shí)點(diǎn)是向前進(jìn)階的前提條件。下面，千鋒武漢IT培訓(xùn)小編就給大家分享一下7個(gè)前端程序員必須會(huì)用的CSS技巧。

1、元素的margin的top、bottom及padding的top、bottom使用百分比作為單位時(shí)，其是相對(duì)父元素的寬度width的而不是我們想象的高度height，我們可以巧用margin/padding的百分比值實(shí)現(xiàn)高度自適應(yīng)，當(dāng)然該元素高度上的百分比是相對(duì)其父元素高度的百分比的，min-height及max-height也適用這條規(guī)律。

2、含有定位屬性的元素，其top、bottom單位為百分比時(shí)，該百分比是相對(duì)于父元素的高度的。

同理，left、right則是相對(duì)于父元素的寬度的。

3、邊框?qū)挾炔辉试S使用百分比值。

4、width：**，當(dāng)父容器里有**定位的子元素時(shí)，子元素設(shè)置width:**實(shí)際上指的是相對(duì)于父容器的padding+content的寬度。當(dāng)子元素是非**定位的元素時(shí)width:**才是指子元素的content，其等于父元素的content寬度。

5、line-height，你知道line-height:150%和line-height:1.5的區(qū)別嗎？line-height有單位時(shí)，子元素是繼承父元素的line-height的，無單位時(shí)，其line-height等于無單位的數(shù)值乘以子元素本身的字體大小。顯然為了不出現(xiàn)意外，還是建議**無單位的。

6、ex和ch單位，ex：取當(dāng)前作用效果的字體的x的高度，在無法確定x高度的情況下以0.5em計(jì)算；ch:以節(jié)點(diǎn)所使用字體中的“0”字符為基準(zhǔn)，找不到時(shí)為0.5em。

ex和ch單位，類似于em和rem,依賴于當(dāng)前的字體和字體大小。但是，不同的是，這兩貨是基于字體的度量單位，依賴于設(shè)定的字體。

ch單位通常被定義為數(shù)字0的寬度。你可以在EricMeyers的博客里找到關(guān)于它的一些有意思的討論，例如將一個(gè)等寬字體的字母”N”的寬度設(shè)置為40ch，那么在另一種類型的字體里它卻可以包含40個(gè)字母。

這個(gè)單位的傳統(tǒng)用途主要是盲文的排版，但是除此之外，肯定還有可以應(yīng)用他的地方。ex定義為當(dāng)前字體的小寫x字母的高度或者1/2的1em。很多時(shí)候，它是字體的中間標(biāo)志。

7、使用calc時(shí)運(yùn)算符之間要有空格，否則可能無效。

以上就是給大家介紹的Web前端程序員必會(huì)的7個(gè)CSS技巧，雖說Web前端開發(fā)入行門檻低，但新手學(xué)起來并不容易，想要**快速的學(xué)習(xí)參加培訓(xùn)班是不錯(cuò)的選擇。千鋒武漢Web前端培訓(xùn)采用全新六維全息課程，強(qiáng)化加薪技術(shù)深度，***助你成為一名具有競(jìng)爭(zhēng)力的前端工程師，如果你想學(xué)習(xí)Web前端，可以來千鋒武漢Web前端培訓(xùn)領(lǐng)取兩周試聽課，親身實(shí)地感受教學(xué)效果。

資訊來源：https://www.bilibili.com/video/BV1Ph411n7Ep