CSS, Kedy by som mal použiť štýl atribút?

0

Otázka

Dobrý deň, ja som vytvorenie webovej stránke od nuly, a ja som sa dostanete do problému

Viem, že pomocou štýl značky nie je veľmi dobrý, ale mohol by to byť v tomto prípade v poriadku použitie? alebo možno, že existuje lepší spôsob, ako to urobiť?

povedzme, že som to CSS

.group-box {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
    background-color: rgba(30,30,30);
    padding: 15px;
    height: 100px;
    border: 1px solid rgba(10,136,0, 0.2);
}

a ja som

<div class="groupbox"></div>

ale teraz povedzme, že som chcel, aby moje groupbox väčšia pre jednorazové použitie, je to v poriadku robiť?

<div class="groupbox" style="height: 300px;"></div>

alebo mal by som len, aby celý samostatné triedy ako malý-groupbox a big-groupbox so všetkými rovnakými vlastnosťami, len rôzne výšky hodnoty? Som nakláňať viac k štýl atribút. Ale možno, že existuje lepší spôsob, ako?

Som zvedavý, čo CSS "kódovanie" štandard by sa povedať, že o tejto otázke. moja otázka je subjektívna, ale ja chcem vedieť čo najviac ostatným, ktorí sú skúsenejší na CSS by to v mojej situácii.

Vďaka

coding-style css html styles
2021-11-20 05:24:14
2

Najlepšiu odpoveď

0

Je to úplne závisí od vašej situácie'. Najmä vzhľadom udržiavateľnosti/čitateľnosť pre budúcich tvorcov. Neexistuje jedna správna odpoveď. Obe metódy sú povolené normy.

Vec sledovať, ak pomocou tried je kaskádové/špecificita, ktoré si môžete byť istí, že sú riešené ak používate štýl.

Ale nastavte proti, že je schopnosť v stylesheet používať názvy tried, ktoré majú význam. A nie je pravda, vzdialenosť medzi styling a sémantiky, styling, že nie je "pochovaný' medzi HTML. Môžete tiež nastavenie skupiny, takže subjekty vykonávajúce údržbu nie je lov cez mnoho riadkov kódu zistiť zmeny.

2021-11-20 06:27:10
0

Môžete použiť oba, avšak, vždy je najlepšie použiť externé CSS, a triedy ako inline-CSS, avšak, ak je to veľmi málo line, potom to bude nemá vplyv na výkonnosť veľa.

2021-11-20 05:48:32

V iných jazykoch

Táto stránka je v iných jazykoch

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................