Technology sharing

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Possessiones in arca exemplar

Nullam

padding Solebat temperare spatium inter contentum et terminum elementi. Seorsim collocari potest pro utraque parte elementi (summum, dextrum, fundum, sinistrum). Unitas padding potest esse elementa (px), cento (%), etc.

.element {
    padding: 10px; /* 上下左右的内边距都为10像素 */
    padding-top: 20px; /* 上边距为20像素 */
    padding-right: 15px; /* 右边距为15像素 */
    padding-bottom: 10px; /* 下边距为10像素 */
    padding-left: 5px; /* 左边距为5像素 */
}
1
2
3
4
5
6
7

terminus

border Etiam elementum finibus posuere, posuere latitudinem, stylum et color finibus.

.element {
    border: 2px solid #000; /* 设置2像素宽的实线黑色边框 */
    border-width: 2px; /* 设置边框宽度 */
    border-style: solid; /* 设置边框样式 */
    border-color: #000; /* 设置边框颜色 */
    border-radius: 5px; /* 设置圆角边框 */
}
1
2
3
4
5
6
7

magnitudo attributi

latitudo

width Ponere solebant latitudinem elementi. Unitas elementa esse possunt (px), cento (%), latitudo portorum unitas (vw), etc.width Solum ponit latitudinem contenti areae, additamento, limitibus, marginibus exclusis.

.element {
    width: 200px; /* 设置宽度为200像素 */
    width: 50%; /* 设置宽度为父元素宽度的50% */
}
1
2
3
4

altitudo

height Solebant elementi altitudinem constituere. Unitas elementa esse possunt (px), cento (%), unitas aspectus altitudinis (vh), etc.height Solum ponit altitudinem contenti areae, exclusis Nullam, limitibus, marginibus.

.element {
    height: 100px; /* 设置高度为100像素 */
    height: 50%; /* 设置高度为父元素高度的50% */
}
1
2
3
4

Layout possessiones

ostentus

display Proprietates typum elementi ad ostentationem definiunt. Valores communes includunt:

• block: elementorum graduum impedimentum totam latitudinem continentis parentis occupabit et per defaltam involvet.
• inline: Inline elementa tantum latitudinem contenti sui occupant et non involvunt.
• inline-block: Inline scandalum graduum elementa sunt sicut inlinea disposita, sed latitudo et altitudo erigi possunt.
• none: occulta elementa in pagina non apparent nec spatium occupant.
• flex: Admitte pixidem flexibilem layout et elementa pueri in linea compone.
• grid: efficitur eget arcu at, placerat gravida velit elementum in.

.element-block {
    display: block; /* 设置为块级元素 */
}

.element-inline {
    display: inline; /* 设置为内联元素 */
}

.element-inline-block {
    display: inline-block; /* 设置为内联块级元素 */
}

.element-none {
    display: none; /* 隐藏元素 */
}

.container-flex {
    display: flex; /* 启用弹性布局 */
}

.container-grid {
    display: grid; /* 启用网格布局 */
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

Overview

per combining padding、border、width、height etdisplay aliaque attributa molliter moderari potes magnitudinem, spatiis et extensionem elementorum. Hae proprietates sunt fundamentum aedificationis interretiales responsivas et pulchras. Hic exemplum comprehensivum demonstrans quomodo his proprietatibus uti simul ad elementum massae, fines et latitudinem et altitudinem specifica creare

.box {
    width: 300px;
    height: 150px;
    padding: 20px;
    border: 5px solid #000;
    display: block;
}
1
2
3
4
5
6
7

In hoc exemplo;.box Elementum ut stipitem constituitur cum latitudine 300 imaginum et altitudine 150 imaginum, cum 20 pixellis colorum et 5 elementa e limbo nigro solidi. Hic occasus efficit ut satis spatii sit inter contentum et terminum elementi, dum terminus clare definit terminum externum.

Spes hae explicationes utiles sunt, quaeso, ut sciam si quid praeterea habes, an exemplis pluribus opus sit!