Fragenkatalog für Designer I Teil 3

<table border="0">...</table>

...

Scharf-/Weichzeichner, Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung

Farbbalance/Selektive Farbkorrektur, Tonwertkorrektur, Gradiationskurve, Farbton/Sättigung, Scharf-/Weichzeichner

Tonwertkorrektur, Gradiationskurve, Farbbalance/Selektive Farbkorrektur, Farbton/Sättigung, Scharf-/Weichzeichner

Gradiationskurve, Tonwertkorrektur, Scharf-/Weichzeichner, Farbton/Sättigung, Farbbalance/Selektive Farbkorrektur

p {border-style: 1px solid black;}

p {border-style: solid;}

p {border-width: 1px border-style: solid; border-color:black;}

p {border: 1px dotted black;}

p {border = 1px solid black;}

p {border: 1px solid black;}

<list type = "numbered" start="1"> <li></li> <li></li></list>

<nl>< <li></li> <li></li></n>

<ol type="disc"> <li></li> <li></li></ol>

<ul start="1"> <li></li> <li></li></ul>

<ol type="1"> <li></li> <li></li></ol>

a {background-image: url(bild1.gif); }
a:hover {background-image: url(bild1.gif); }

a img { url(bild1.gif); }
a:hover img url { (bild1.gif); }

a { image: url (bild1.gif); }
a:hover {image: url(bild1.gif); }

img { src: bild1.gif ; }
img:hover {src: bild1.gif; }

p { padding: 10px; }

p { margin: 10px; }

p { margin-inside: 10px; }

p { padding-inside: 10px; }

<table>
<tr>
<td rowspan="2">...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
</tr>
</table>

<table>
<tr>
<td colspan="2">...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
</tr>
</table>

<table>
<tr rowspan="2">
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>

32

128

4

16

nur Graustufen, keine Farben

<form>
<select name="test" size="1">
<option>...</option>
<option>...</option>
</select>
</form>

<form>
<option>...</option>
<option>...</option>
</form>

<form>
<input type="select" />
<option>...</option>
<option>...</option>
</form>

list-style-type: square;

list-style-type: poly;

list-style-type: circle;

list-style-type: rect;

list-style: url(bild.gif);

list-style-image: url(bild.gif);

list-image: url(bild.gif);

list-type: url(bild.gif);

list-style-type: url(bild.gif);

ex

em

in

cm

pc

m

%

mm

pt

cl

µ

ps

<a href="../../../index.html">Startseite</a>

<a href="../index.html">Startseite</a>

<a href="/">Startseite</a>

<a href="Startseite">../../../index.html</a>

<a href="../../index.html">Startseite</a>

<a href="index.html">Startseite</a>

<a href="/index.html">Startseite</a>

<p class="hervorgehoben, zentriert">Text</p>

<p class="hervorgehoben + zentriert">Text</p>

<p class="hervorgehoben zentriert">Text</p>

<p class="hervorgehoben" class="zentriert">Text</p>

<p class="hervorgehoben &amp; zentriert">Text</p>

<input type="submit" />

<input type="email" />

<input type="url" />

<input type="mailto" />

p { text=center; }

p { text-align: center; }

p { text-align=center; }

{ p = text-align: center; }

p { align: center; }

p { text-center; }

<form>

<div>

<p>

<img />

<span />

<br />

loop

play

autostart

start

autoplay

float: right;

float: left;

WebM

F4V

FLV

OGV

SWF

MP4

WMV

MOV

<input type="meter" />

<input type="range" />

<input type="slider" />

<input type="button" class="slider" />

select td {...}

select table {...}

table select {...}

td select {...}

<br />

<form action="#"></form>

<input type="text" />

<img src="bild.gif" />

onclick="Standardtext"

value="Standardtext"

default-value="Standardtext"

default="Standardtext"

startvalue="Standardtext"

placeholder="Standardtext"

usemap

src

size

title

height

lowsrc

margin

width

href

border

#00ff00

#ff0000

#ff00ff

#0000ff

Graustufen

RGB

CMYK

Indizierte Farben

center

top

bottom

5px

middle

left

contain

3em

cover

right

title

href

alt

size

border

align

width

usemap

height

src

<form type="textarea"></form>

<input type="textarea" />

<textarea></textarea>

div {
h1:first-child {
margin-top: 0;
}
}

div {
h1 {
&:first-child {
margin-top: 0;
}
}
}

div {
h1 &first-child {
margin-top: 0;
}
}

div {
h1 {
&first-child {
margin-top: 0;
}
}
}

div h1:first-child { margin-top: 0; }

div {
h1 {
:first-child {
margin-top: 0;
}
}
}

div {
h1 &:first-child {
margin-top: 0;
}
}

PNG-8

JPEG

TIFF

GIF

PNG-24

PSD

label input [checkbox]:after

input type="checkbox" label

input[type="checkbox"]:checked + label

input[type="checkbox"]:after + label

checkbox:selected + label

label > input:checkbox:selected

input[type="checkbox"]:checked label

input:checkbox ~ label:checked

<input type="checkbox" checked="checked"> label

@media all and (orientation: portrait)

@media screen and (max-device-width: 768px)

@media only screen and (min-width: 768px)

@media only screen and (min-viewport-width: 768px)

@media (max-width: 768px)

@media screen and (orientation landscape)

transform: scale (0.5);

transform: scaleXY(0.5);

transform: scaleXY(50);

transform: scale(50)

transform: scale(0.5);

CMYK

RGB

Indizierte Farben

Mehrkanal

Graustufen

CMYK

RGB

Duplex

Indizierte Farben

Graustufen

JPEG

TIFF

GIF

PNG-24

PNG-8

PSD

@mixin() {
color: #333:
background-color: #eee;
border: 2px solid #333;
}

.mixin() {
color: #333:
background-color: #eee;
border: 2px solid #333;
}

.mixin {
color: @color;
background-color: @bgcolor;
border: @border-width solid @color;
}

@mixin {
color: #333:
background-color: #eee;
border: 2px solid #333;
}

@mixin(.color; .bgcolor; .border-width) {
color: .color;
background-color: .bgcolor;
border: .border-width solid .color;
}

.mixin () {
color: @color;
background-color: @bgcolor;
border: @border-width solid @color;
}

.mixin (@color; @bgcolor; @border-width) {
color: @color;
background-color: @bgcolor;
border: @border-width solid @color;
}

.mixin {
color: #333:
background-color: #eee;
border: 2px solid #333;
}