CSS

Har du någon gång tänkt "Hur gjorde man den där funktionen i css nu igen"? Då har du kommit till helt rätt sida. Här nedan kommer vi att lista mängder med css-funktioner, tips och tricks. Bara för att göra din webbutveckling lite smidigare.

Vad kan man göra med css egentligen?

Med css kodning kan du göra det mesta på din hemsida, förutom då att strukturera upp den med html kod. I css filen anger du design, form, typsnitt, storlekar etc. Det finns många och återigen många olika funktioner som man kan skapa med hjälp av css kodning. T.ex. en av mina egna favoriter är sprite-meny. Många populära hemsidor använder sig utav sprite menyer. Det är sidor såsom facebook och youtube.

En start är alltid en början

Vi kommer börja med att visa en reset.css som vi tycker man alltid borde ha med på sina ny-utvecklade hemsidor. Kopiera koden som följer nedan och döp filen till reset.css.

Vår reset (reset.css):

html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}