Vortrag
Daniel
- css
Hi,
ich soll einen 30 Minuten Vortrag über CSS halten hab hier schon was Stichwortartig vorbereitet:
CSS
CSS = Cascading Style Sheet
CSS ist eine Sprache zum definieren des Stylesheet
Stylsheets sind:
- eine unmittelbare Ergänzung zu HTML
- eine Sprache zur Definition von Formateigenschaften einzelner HTML-Elemente
Stylesheets unterstützen also die professionelle Gestaltung beim Web-Design und helfen beim Corporate Design für große Projekte oder für unternehmensspezifische Layouts.
CSS kann sowohl in einer seperaten Datei angelegt werden als auch direkt im html dokument.
Verweis auf externe datei mit endung .css:
<link rel="stylesheet" type="text/css" href="css/format.css">
Im head-tag.
Einbinden in der html datei mit:
<style type="text/css">
</style>
Auch im head-tag
Oder direkt im element mit:
<h1 style="...">
Am besten für eine Website geeignet ist es eine .css datei anzulegen. Und diese auf allen seiten einzubinden. Somit muss man nur die CSS Datei ändern und die ganze seite sieht anders aus.
Aufbau in der CSS Datei
Selektor { Eigenschaft:Wert; }
Dabei sind mögliche Eigenschaften z. B.:
- font-family
- background-color
- color
- border
- etc.
Als Selektor geht jedes HTML Element z.B.:
- a
- tr
- td
- body
- etc.
Außerdem können die Selektoren noch erweitert werden. z.B. mit der pseudoklasse :hover dies führt zu einer evt. Änderung des HTML Elements wenn die Maus darüber ist. Allerdings funktioniert :hover im IE nur bei links, also dem html element a.
Des weiteren kann man den HTML Elemente sowohl Klassen mit class=““ im tag oder IDs mit id=““ im tag erweitern. Dabei muss man aber beachten das das erste zeichen keine Zahl sein darf. Man kann auch auf attributbedingen Selektieren
Auf Klassen greift man z.B. mit td.class zu
Auf IDs greift man z.B. mit td#id zu
Auf Attributbedingungen greift man z.B. mit [readonly] zu
Außerdem kann man mit CSS und div-tags ein Seiten Layout erstellen mit navigationsleiste etc, ohne Frames zu verwenden.
Bei numerischen Angaben zu CSS-Eigenschaften, also etwa bei Schriftgrößen, Absatzabständen oder Rändern, stehen Ihnen die weit verbreiteten Maßeinheiten zur Verfügung. Dabei sind absolute Angaben (z.B. Millimeter) und relative Angaben (z.B. Prozent gegenüber "normal") möglich. Benutzen Sie für Ihre Angaben die folgenden Abkürzungen:
<ne tabelle>
Farbangaben in Stylesheets nach CSS-Syntax sind nach den Regeln zum Definieren von Farben in HTML möglich. Sie können Farbwerte also hexadezimal angeben, aber auch die verbreiteten Farbnamen verwenden. Anders als in HTML existiert auch eine Kurzschreibweise der Form #RGB. Hier werden die einzelnen Farbangaben intern verdoppelt, #08a steht demnach für #0088aa. Die hexadezimale Schreibweise erlaubt Groß- und Kleinschreibung.
Eine weitere Möglichkeit, Farben zu definieren, stellt die Stylesheet-Sprache CSS jedoch auch noch zur Verfügung. Das Schema dazu lautet rgb(rrr,ggg,bbb). Der Ausdruck rgb(...) ist dabei immer gleich. Innerhalb der Klammern müssen drei Dezimalwerte oder drei Prozentwerte stehen, durch Komma voneinander getrennt. Für alle drei Werte sind entweder absolute Zahlen zwischen 0 (kein Anteil der entsprechenden Farbe) und 255 (maximaler Anteil der entsprechenden Farbe) oder Prozentwerte von 0% bis 100% erlaubt.
Schriftformatierung:
- font-family (Schriftart)
- font-style (Schriftstil)
o italic = kursiver Schriftstil.
o oblique = schräggestellter Schriftstil.
o normal = normaler Schriftstil.
- font-variant (Schriftvariante)
- font-size (Schriftgröße)
o Absolut in pt oder px
- font-weight (Schriftgewicht)
o Bold
o Normal
o Oder einen Wert zwischen 100 und 900 wobei 100=extra-dünn und 900=extra-fett
- text-decoration (Textdekoration)
o underline = unterstrichen.
o overline = überstrichen.
o line-through = durchgestrichen.
o blink = blinkend.
o none = normal (keine Text-Dekoration).
- text-transform (Text-Transformation)
o capitalize = Wortanfänge als Großbuchstaben.
o uppercase = Nur Großbuchstaben.
o lowercase = Nur Kleinbuchstaben.
o none = normal (keine Text-Transformation).
- color (Textfarbe)
o Siehe Farbangaben
So nun meine frage an euch, was ist falsch? was ist noch erwähnenswert?
Huhu Daniel
ich soll einen 30 Minuten Vortrag über CSS halten hab hier schon was Stichwortartig vorbereitet:
An wen richtet sich der Vortrag?
In welchem Kontext wird der Vortrag gehalten?
Du scheinst sehr stark auf die technischen Details eingehen zu wollen, damit überforderst/ langweilst Du ggf. Deine Zuhörer.
Konzentriere Deinen Vortrag auf einige wenige zentrale Punkte.
Viele Grüße
lulu
Hi,
An wen richtet sich der Vortrag?
An meinen Chef.
In welchem Kontext wird der Vortrag gehalten?
freie rede
Du scheinst sehr stark auf die technischen Details eingehen zu wollen, damit überforderst/ langweilst Du ggf. Deine Zuhörer.
Konzentriere Deinen Vortrag auf einige wenige zentrale Punkte.
Es geht ja um die verwendung von CSS kann man das noch zentraler machen?
MfG
Huhu Daniel
An wen richtet sich der Vortrag?
An meinen Chef.
Dein Chef interessiert sich dafür wie man eine CSS-Datei einbindet?
Viele Grüße
lulu
Hi,
Dein Chef interessiert sich dafür wie man eine CSS-Datei einbindet?
unter anderem
MfG