// arhiva

css

Aceasta categorie contine 5 articole

TopStyle Pro, CSS la extrem

Un prieten vechi de-al meu este TopStyle Pro. Am inceput sa lucrez cu el undeva pe la inceputul anului trecut. Pot spune ca e un program care te ajuta sa-ti pastrezi calmul si-n situatiile cele mai extreme. Usor de folosit cu o interfata foarte usor de inteles care-ti “pune pe tava” cele mai folosite instrumente […]

Cosmetizare link cu CSS

Daca vreti sa dati un look mai deosebit link-urilor voastre puteti incerca varianta de mai jos:
Codul html:

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>link</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!–
.style2 {color: #CC6600}
–>
</style>
<a href="#" class="a style2">link super link</a>

Codul css (style.css):

1
2
3
4
5
6
7
8
9
10
11
12
.a {
color: #990000;
text-decoration: none;
background-color: transparent;
border-color: #333333;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font:10px Verdana, Arial, Helvetica, sans-serif;
}

Efectul final:

CSS Cheat Sheet

Un must have pentru cei care doresc sa se initieze in CSS.

Poza-i destul de folositoare cand incerci sa inveti cum sta treaba cu css-ul. Sper sa va fie de ajutor (cel putin cat mi-a fost mie).

Font Size (em, px, pt, etc)

Pentru a defini marimea unui font avem la indemana mai multe variante. Probabil ca ati intalnit mai multe variante de genul:

#body h2 { font-size: 1em;}

sau

#body h2 { font-size: 10px;}

sau

#body h2 { font-size: 20pt;}

sau

#body h2 { font-size: medium;}

Este crucial ce variante folosim. Voi incerca sa va explic si de ce.

1em se refera la marimea caracterului “M” […]

Ce este CSS ?

Mai mult ca sigur ca toti dintre noi am folosit cel putin o data CSS (Cascade Style Sheets) dar nu neaparat am stiut ce este.
Istoria CSS-ului dateaza inca din ‘97 cand a fost folosit pentru prima data. Ca sa fac o comparatie, va invit sa va ganditi la functia intalnita in MS Word cu care […]