CSS Ƙarima Ƙa'ido

CSS Ƙarima Ƙa'ido

Yuán suàn kuàng de zuì nèi bù fēn shì shí jiè de nénti, zhí jiāo nénti de shì nèi biān jù. Nèi biān jù xiǎn shèn le yuán suàn de bǎi jìng. Nèi biān jù de yuán biān shì biān kuò. Biān kuò yǐ wài shì wài biān jù, wài biān jù mó rán shì tōng míng de, yīn ér bù huì zāo shè qí hòu de rèn hé yuán suàn.

Tí shì：Bǎi jìng yīng yìng yú yǒu nénti、nèi biān jù hé biān kuò zǔ chéng de qū yù.

Nèi biān jù、biān kuò hé wài biān jù dōu shì xuǎn xué de, mó rán jià zhì shì líng. Dàn shì, duō shù yuán suàn jiù bǎi yòng yǒng jù huà yīn shì biǎo shì wài biān jù hé nèi biān jù. Kě yǐ tōng guò jiāng yuán suàn de margin hé padding shè zhì wéi líng lái gài chè zhè xiē liú liàng yīn shì. Zhè kě yǐ fēn bù jìn xíng, yě kě yǐ shǐ yòng tōng yòng xuǎn zhě qǐng duì suǒ yǒu yuán suàn jiǎn xíng shè zhì：

* {
  margin: 0;
  padding: 0;
}

Zài CSS zhōng, width hé height zhì dào shì nénti qū yù de kuān dù hé gāo dù. Zēng jiā nèi biān jù、biān kuò hé wài biān jù bù huì yǐng xiǎng nénti qū yù de chǐ cǎi, dàn shì huì zēng jiā yuán suàn kuàng de zǒng chǐ cǎi.

Shè xiàng kuàng de měi jiā biān shàng yǒu 10 gē xī yì suǒ de wài biān jù hé 5 gē xī yì suǒ de nèi biān jù. Rú guǒ xiǎng zhè gè yuán suàn kuàng dào dào 100 gē xī yì, jiù hǎo jiāng nénti de kuān dù shè zhì wéi 70 gē xī yì, qǐng kàn tǔ biǎo:

#box {
  width: 70px;
  margin: 10px;
  padding: 5px;
}

Tí shì：Nèi biān jù、biān kuò hé wài biān jù kě yǐ yīng yìng yú yī gè yuán suàn de suǒ yǒu biān, yě kě yǐ yīng yìng yú dān gè biān.

Tí shì：Wài biān jù kě néng shì fù zhí jià, ér zài duō shù huà qíng huà nǐ hǎo yòng fù zhí jià de wài biān jù.