Slog meje nepremičnine v css ali kako narediti vaše spletno mesto privlačnejše

Ni skrivnost, da je oblikovanje spletnega mesta ena ključnih nalog programerja. To je prvi vtis, ki ga uporabnik dobi med brskanjem po spletni strani, in oblikuje splošno sliko in mnenje o vašem viru.

Spletni oblikovalci se soočajo s pomembno nalogo, da ustvarijo privlačen, preprost, a hkrati "prijemanje" oblikovanje spletnega mesta. Za lepšanje strani HTML se uporabljajo različne lastnosti CSS: slog robov in številne druge. O njihovi pravilni uporabi in uporabi in bo govoril v tem članku.

programiranje na napravah

Slog meje v CSS

Uporaba te lastnosti velja za vse predmete, ki jih je mogoče postaviti na spletno stran. Uporablja se za oblikovanje sloga meje različnih predmetov. Pomembno je opozoriti, da lahko vsaka stran meje dobi svoj atribut, če pri zapisovanju lastnosti border style v CSS namesto sloga style navedete eno od strani: top, bottom, left, right. Označujejo zgornjo, spodnjo, levo in desno mejo.

Lastnosti border style v CSS lahko dodelite eno od naslednjih vrednosti, kot je prikazano na spodnji sliki zaslona.

Programer lahko spreminja debelino robov ali njihov odmik od besedila. Možno je tudi razbarvanje z lastnostjo barve sloga roba v CSS. Spodaj so prikazane različne možnosti za debelino robov 1, 3, 5, 7 in 9 slikovnih pik.

slogi robov

Združitev lastnosti

Vredno upoštevajte, da je mogoče lastnosti robov med seboj kombinirati s pomočjo oglatih oklepajev. Če želite to narediti, morate po vrsti dodati vrednosti vseh lastnosti, ki jih želite nastaviti za slog meje v CSS. Upoštevajte, da če ste izpustili katero koli lastnost in je niste določili, jo privzeto nastavi sistem.

programiranje spletnih strani

CSS: slog meje za tabelo

Posebno pozornost je treba nameniti oznaki tabela, ki omogoča ustvarjanje tabel na spletnih straneh. Za uporabo vseh zgornjih lastnosti za celice tabele, zlasti za njihove robove, potrebujete posebno lastnost border-collapse. Zakaj je potrebno ločeno premoženje, ki velja samo za mize? Vse je veliko preprostejše, kot se zdi na prvi pogled. Če za vsako celico v tabeli ustvarite ločen obris, sta dve pomembni pomanjkljivosti:

  • Če je v tabeli veliko celic, bo to trajalo dolgo in močno povečalo težo kode;
  • Pri oblikovanju vsake celice v tabeli posebej se meje sosednjih celic prekrivajo, kar prav tako poveča težo kode in morda ni videti preveč privlačno.

Tako lahko z razpadom, poenostavljeno rečeno, pomagamo pri, "lepilo" skupne meje. Katere vrednosti lahko zavzame ta lastnost v tabelah? Možnosti so naštete spodaj:

  • zlaganje - med celicami je ena sama črta. Celice "prilepljeno";
  • ločene - vsaka celica okoli sebe oblikuje okvir, ki jo ločuje od drugih celic;
  • podeduje - ko se uporabi ta atribut, se vrednost podeduje od prejšnjega atributa.

Zaključek

Upamo, da je bil naš članek koristen in da ste ga zanimivo prebrali. Ne pozabite, da je vizualna komponenta spletne strani najpomembnejši dejavnik, ki vpliva na njen nadaljnji razvoj in promocijo. Izvirno in nepozabno oblikovanje bo vedno odmevalo pri vašem občinstvu in izboljšalo vašo obiskanost.

Članki na tem področju