HTML Tutorials |
|
XML Tutorials |
|
Browser Scripting |
|
Server Scripting |
|
.NET (dotnet) |
|
Multimedia |
|
Web Building |
|
Java Tutorials |
|
Programming Langauges |
|
Soft Skills |
|
Database Tutorials |
|
Operating System |
|
Software Testing |
|
SAP Module |
|
Networking Programming |
|
Microsoft Office |
|
Accounting |
|
|
- Um Effekte deinen Ankerumbauten hinzuzufügen, wird CSS verwendet, bekannt andernfalls als Hypertext-Links.
- Mit der Hinzufügung von CSS, können Javascriptverbindungen vergessen werden. In HTML würde die einzige Weise, diesen Effekt zu addieren sein, Javascript zu verwenden,
|
CSS Anker-/Verbindung Zustände
|
Du kannst nicht ihn kennen, aber eine Verbindung hat vier unterschiedliche Zustände, daß sie innen sein kann. Um jeden Zustand besonders anzufertigen, wird CSS verwendet. Auf die folgenden Schlüsselwörter bitte sich beziehen, dieses, das jedes einem spezifischen Zustand entsprechen:
- Verbindung - dieses ist eine Verbindung, die nicht verwendet worden ist, noch ist ein Mäusezeiger, der über ihm schwebt
- besucht - dieses ist eine Verbindung, der vor verwendet worden ist, aber hat keine Maus auf ihm
- Schwebeflug - dieses ist eine Verbindung hat z.Z. einen Mäusezeiger, über it/on zu schweben es
- aktiv - dieses ist eine Verbindung, die bei geklickt werden ist
Du kannst ein unterschiedliches jeder nach dieser Zustände mit CSS suchen lassen, aber am Ende dieser Lektion schlagen wir eine gute Praxis für CSS Verbindungen vor.
|
CSS Pseudo-Kategorien
|
was du gesehen hast, ist ein wenig unterschiedliches als das Format für CSS Verbindungen. Du mußt die folgende CSS Codeformatierung verwenden, um diese 4 Zustände zu ändern
|
CSS Code
|
a:(STATE'S NAME) { attribute: value; }
|
|
Wie das HTML Element erscheinen sollte, abhängig von dessen Zustand er innen ist, ist der Name des Zustandes, der „genannt wird, Pseudokategorie“ uesd. Unter ist ein Beispiel des Änderns des „Verbindung“, „besucht“ und „Schwebeflug“ Zustandes. Die Anmerkung, zum einer arbeitenden CSS Verbindung, der Auftrag, daß sie, definiert werden, ist es zu bilden die korrekte Einrichtung.
|
CSS Code
|
a:link { color: red; }
a:visited { color: red; }
a:hover { color: blue; }
|
|
CSS Code
|
<a href="">This is a special CSS Link</a>!
|
|
- Die Zustände müssen im korrekten Auftrag definiert werden. Ist hier der Auftrag, beginnend mit dem, den du zuerst definieren mußt:
1.link 2. besucht 3.hover 4. aktiv
|
Entfernen der Rückstellung Unterstreichung
|
Während academic-tutorial.com hast du vermutlich die unterschiedlichen Arten beachtet, die wir für bestimmte Verbindungen haben. Es sei denn du schwebst, haben unseres Menüs nicht eine Unterstreichung, während die Verbindungen in unserem Hauptinhalt Unterstreichungen haben. Gebrauch Textdekoration: keine, die Unterstreichung von bestimmten Zuständen eines Hypertext-Links zu entfernen.:
|
CSS Code
|
a:link { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover { color: blue; }
|
|
Ein Beispielbeispiel
|
Die Zustände eines Hypertext-Links, unterhalb des Beispielbeispiels manipulieren, die viele Formen von CSS benutzen
|
CSS Code
|
a:link {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}
a:visited {
color: white;
background-color: black;
text-decoration: none;
border: 2px solid white;
}
a:hover {
color: black;
background-color: white;
text-decoration: none;
border: 2px solid black;
}
|
|
Die follwing Tabelle beschreiben die Pseudo-Kategorie und seinen Zweck:
|
Pseudo-class |
Purpose |
:active |
Adds special style to an activated element |
:focus |
Adds special style to an element while the element has focus |
:hover |
Adds special style to an element when you mouse over |
:link |
Adds special style to an unvisited link |
:visited |
Adds special style to a visited link |
:first-child |
Adds special style to an element that is the first child of some other element |
:lang |
Allows the author to specify a language to use in a specified element |
|
Keywords:
css link hover, css link color, css link styles, cascading style sheets
|
|
HTML Quizes |
|
XML Quizes |
|
Browser Scripting Quizes |
|
Server Scripting Quizes |
|
.NET (dotnet) Quizes |
|
Multimedia Quizes |
|
Web Building Quizes |
|
Java Quizes |
|
Programming Langauges Quizes |
|
Soft Skills Quizes |
|
Database Quizes |
|
Operating System Quizes |
|
Software Testing Quizes |
|
SAP Module Quizes |
|
Networking Programming Quizes |
|
Microsoft Office Quizes |
|
Accounting Quizes |
|
|