Forum.Legalne.info: [css] Skróty w CSS - Forum.Legalne.info

Skocz do zawartości

Otwarty

Ikona Shoutbox

    Rozszerz pole shoutboxa

Ikona Zaloguj się na forum

    • Login:
    • Hasło:


    Zapamiętaj mnie
Strona 1 z 1
  • Nie możesz rozpocząć nowego tematu
  • Nie możesz odpowiadać w tym temacie

[css] Skróty w CSS

#1 Użytkownik jest niedostępny   PpX 

  • Rozkręca się
  • Grupa: Użytkownicy
  • Postów: 36
  • Dołączył: 29-October 07
  • GG: 1560914

Napisany 13 April 2008 - 08:59 PM

Chciałbym przedstawić kilka trików w css jak sobie można skrócić czas pisania naszego stylu


Padding i Margin

margin-top:1px;
margin-bottom:2px;
margin-left:3px;
margin-right:4px;


Można łatwo zastąpić takim układem
margin:1px 4px 2px 3px;


Kolejność jest tutaj bardzo ważna
margin:top right bottom left;



Jeśli margines górny i dolny oraz prawy i lewy są takie same możemy zastosować
margin:10px 20px;

margin:pion poziom;


i ostatnia kombinacja z marginesami

margin: 100px 20px 200px;
margin:góra lewo&prawo dół



jeśli wszystko ma taki sam margines wystarczy napisać
margin:10px;

(padding ma te same skórty co margin)


Tło

Skracać możemy również tekst tła po co ma on zajmować tyle
background-color:#ffffff;
background-image:url(cos.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:30% 10%;



Jeśli może tyle
background:#fff url(cos.jpg) no-repeat fixed 30% 10%;



kolor możemy również zapisywać w skrócie jeśli kolejne cyfry sa parami np. #000000 możemy zapisać #000 lub #113377 możemy zapisać #137


Tekst
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:11px;
line-height:200%;
font-family:"Arial",sans-serif;



można zapisać:
font:italic small-caps bold 11px/200% "Arial",sans-serif;



To już wszystko jeśli znalazłeś jakąś literówkę lub błąd napisz do mnie.
0

#2 Użytkownik jest niedostępny   Armageddon 

  • My Work Is My Love
  • Grupa: Użytkownicy
  • Postów: 616
  • Dołączył: 29-January 07
  • GG: 3241531
  • MiejscowośćChrzanów

Napisany 14 April 2008 - 01:47 PM

hm... nie polecam tego typu skrótów - nie idzie sie potem połapać jak coś trzeba wyedytować, zmienić.

a skróty można stosować praktycznie w każdym "znaczniku" :)

I'm now known as "EXOTHER".
Arma - go out ;)
0

#3 Użytkownik jest niedostępny   PpX 

  • Rozkręca się
  • Grupa: Użytkownicy
  • Postów: 36
  • Dołączył: 29-October 07
  • GG: 1560914

Napisany 14 April 2008 - 02:00 PM

Ja stosuje te z marginesów i z tła a resztę uważam za zbędną i przy tych 2 bardzo łatwo zrozumieć o co chodzi jak sie je ciągle używa.
0

#4 Użytkownik jest niedostępny   aseeon 

  • The Time
  • Grupa: Użytkownicy
  • Postów: 1519
  • Dołączył: 23-May 06

Napisany 30 April 2008 - 02:49 AM

Stosuje wszystkie znane mi "skróty" w CSS, a jest tego trochę, z nie wymienionych jest często używany border :)

Tak czy siak, nie są one mylące, są czytelne, a co najważniejsze skracają kod, generalnie polecam.
Pamiętaj, że gdy piszesz coś, doskonale wiedząc, że nie masz na dany temat zielonego pojęcia, Bóg zabija kotka!
0

#5 Użytkownik jest niedostępny   PpX 

  • Rozkręca się
  • Grupa: Użytkownicy
  • Postów: 36
  • Dołączył: 29-October 07
  • GG: 1560914

Napisany 30 April 2008 - 05:12 PM

No zapomniałem o border jak będę mieć chwile wolnego czasu to dopiszę.
0

#6 Użytkownik jest niedostępny   haker 

  • Nowicjusz
  • Grupa: Użytkownicy
  • Postów: 6
  • Dołączył: 29-May 08
  • GG: 1834048

Napisany 29 May 2008 - 03:33 PM

siwtne mi sie to na pewno przyda!!!:)
Wszystko czego chcesz dowiedzieć się o hakerstwie i jak zostać hakerem.....
Włamać się na komputer....
Gadu-Gadu
Telefon
Wszystko już po tygodniu....
www.hacking.aaf.pl
www.hacking.aaf.pl
0

Prześlij ten temat:


Strona 1 z 1
  • Nie możesz rozpocząć nowego tematu
  • Nie możesz odpowiadać w tym temacie

1 Użytkowników czyta ten temat
0 użytkowników, 1 gości, 0 anonimowych użytkowników


               
           
       
Nasza strona internetowa wykorzystuje cookies (pol.: ciasteczka)

Na naszej stronie wykorzystujemy ciasteczka (ang. cookies), dzięki którym nasz serwis może działać lepiej - więcej o tym w Naszej polityce prywatności. W każdej chwili możesz wyłączyć ten mechanizm w ustawieniach swojej przeglądarki. Korzystanie z naszego serwisu bez zmiany ustawień dotyczących cookies, umieszcza je w pamięci Twojego urządzenia.

Akceptuję   Zmiana ustawień