1. Valores
1.1. list-style-image:
1.1.1. none
1.1.2. URL: url(caminho/marcador.gif)
1.2. list-style-position:
1.2.1. outside: marcador fora do alinhamento do texto
1.2.2. inside: marcador alinhado com texto
1.3. list-style-type:
1.3.1. none: sem marcador
1.3.2. disc: círculo (bolinha cheia)
1.3.3. circle: circunferência (bolinha vazia)
1.3.4. square: quadrado cheio
1.3.5. decimal: números 1, 2, 3, 4, ...
1.3.6. decimal-leading-zero
1.3.7. lower-roman: romano minúsculo i, ii, iii, iv,
1.3.8. upper-roman: romano maiúsculo I, II, III, IV,
1.3.9. lower-alpha: letra minúscula a, b, c, d,
1.3.10. upper-alpha: letra maiúscula A, B, C, D,
1.4. Formas de declaração
1.4.1. ul { list-style: inside url("seta.gif"); } Ou ul { list-style-image: url("seta.gif"); list-style-position: inside; }
2. Seletores CSS
2.1. Em CSS, seletores são padrões usados para selecionar o elemento (s) que deseja estilo.
2.1.1. .intro { background-color:yellow; }
2.1.1.1. <style> .intro { background-color:yellow; } </style> </head> <body> <h1>Welcome to My Homepage</h1> <div class="intro"> <p>My name is Donald.</p> <p>I live in Duckburg.</p> </div>
3. Font Properties
3.1. Estilo da Fonte
3.1.1. Normal
3.1.1.1. p.normal {font-style:normal;}
3.1.2. itálico
3.1.2.1. p.italic {font-style:italic;}
3.1.3. oblíquo
3.1.3.1. p.oblique {font-style:oblique;}
3.2. Tamanho da Fonte
3.2.1. A propriedade font-size define o tamanho do texto.
3.2.1.1. <h1> - <h6>
3.3. Definir Tamanho da Fonte Com Pixels
3.3.1. Definir o tamanho do texto com pixels lhe dá controle total sobre o tamanho do texto:
3.3.1.1. h1 {font-size:40px;} h2 {font-size:30px;} p {font-size:14px;}
3.4. Formas de declaração
3.4.1. h1 {color: #FF0000;}
3.4.2. h2 {color: #00FF00;}
3.4.3. p {color: rgb(0,0,255);}
3.4.4. p { font: italic small-caps bold 14px "Comic Sans MS", sans-serif;}
4. Background Properties
4.1. background-color
4.1.1. A propriedade background-color define a cor de fundo de um elemento.
4.1.1.1. background-color:yellow;
4.2. background-position
4.2.1. A propriedade background-position define a posição inicial de uma imagem de fundo.
4.2.1.1. background-position:center center;
4.3. background-size
4.3.1. A propriedade background-size especifica o tamanho das imagens de fundo.
4.3.1.1. background-size:80px 60px;
4.4. background-repeat
4.4.1. A propriedade background-repeat define se / como uma imagem de fundo será repetida.
4.4.1.1. background-repeat:repeat-y;
4.5. background-image
4.5.1. A propriedade background-image define uma ou mais imagens de fundo para um elemento
4.5.1.1. background-image:url('paper.gif');
4.6. Formas de declaração
4.6.1. body { background-image: url("/images/css.gif"); background-repeat: no-repeat; background-attachment: fixed; } body { background: #00FF00 url("css.gif") no-repeat fixed 200px 70px; }