SlideShare a Scribd company logo
CSS Externes Stylesheet einbinden
Syntax <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;stilangaben.css&quot;> <style type=&quot;text/css&quot;> /* optional: dateispezifische Stilangaben */ </style> </head> <body> <!-- Inhalte --> </body></html>
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;stilangaben.css&quot;> <style type=&quot;text/css&quot;> /* optional: dateispezifische Stilangaben */ </style> </head> <body> <!-- Inhalte --> </body></html> Datei: index.html Datei: stilangaben.css /* Allgemein */ body { font-family : Arial, Verdana, sans-serif; } /* ---------- Überschriften ------ */ h1 { font-size : 20px; } h2 { font-size : 16px; } /* ---------- CONTAINER ------ */ /* usw. */
Verschiedene Stylesheets für unterschiedliche Ausgabemedien <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; media=&quot;screen&quot; href=&quot;site.css&quot;> <!-- screen = Ausgabe am Bildschirm --> <link rel=&quot;stylesheet&quot; media=&quot;print&quot; href=&quot;site.css&quot;> <!-- print = Ausgabe auf dem Drucker --> </head> <body> <!-- Inhalte --> </body></html>

More Related Content

What's hot

Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)
Carlos Caicedo
 
Web Services
Web ServicesWeb Services
Web Services
mikata
 
Membuat CV dengan HTML
Membuat CV dengan HTMLMembuat CV dengan HTML
Membuat CV dengan HTML
Dasufianti
 
Html Primeira Parte Alberane
Html   Primeira Parte AlberaneHtml   Primeira Parte Alberane
Html Primeira Parte Alberane
Alberane Lúcio Thiago da Cunha
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and Attributes
Angela Edel
 
Foredrag om HTML5 og CSS3
Foredrag om HTML5 og CSS3 Foredrag om HTML5 og CSS3
Foredrag om HTML5 og CSS3
Tobias Thorstensen
 

What's hot (10)

Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)Guía básica para entender CSS (Segunda parte)
Guía básica para entender CSS (Segunda parte)
 
Web Services
Web ServicesWeb Services
Web Services
 
Membuat CV dengan HTML
Membuat CV dengan HTMLMembuat CV dengan HTML
Membuat CV dengan HTML
 
Html Primeira Parte Alberane
Html   Primeira Parte AlberaneHtml   Primeira Parte Alberane
Html Primeira Parte Alberane
 
Project 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and AttributesProject 02 Creating and Editing a Web Page - Tags and Attributes
Project 02 Creating and Editing a Web Page - Tags and Attributes
 
Web Presen1 0423
Web Presen1 0423Web Presen1 0423
Web Presen1 0423
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
 
Presentation1
Presentation1Presentation1
Presentation1
 
Foredrag om HTML5 og CSS3
Foredrag om HTML5 og CSS3 Foredrag om HTML5 og CSS3
Foredrag om HTML5 og CSS3
 
Expocicion
ExpocicionExpocicion
Expocicion
 

Viewers also liked

Survival Of The Fittest: The Evolution of Healthcare Communications
Survival Of The Fittest: The Evolution of Healthcare CommunicationsSurvival Of The Fittest: The Evolution of Healthcare Communications
Survival Of The Fittest: The Evolution of Healthcare Communications
Telmediq
 
Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma
diario_catarinense
 
Reality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributionsReality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributions
johnboy_philothea_net
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétique
Everardo Reyes-García
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
lehrerfreund
 
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org  Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Socialbar
 
Niezbędnik 2012/13
Niezbędnik 2012/13Niezbędnik 2012/13
Niezbędnik 2012/13
Igor Wołek
 
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
evercom
 
Skateboards and job boards
Skateboards and job boardsSkateboards and job boards
Skateboards and job boards
Kevin Varadian
 
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Peter Müller
 
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo OttoneoBronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Alberto Ferrando
 
Makalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologiMakalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologi
Febrianto Putra
 
Fritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hutFritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hut
Socialbar
 

Viewers also liked (15)

Survival Of The Fittest: The Evolution of Healthcare Communications
Survival Of The Fittest: The Evolution of Healthcare CommunicationsSurvival Of The Fittest: The Evolution of Healthcare Communications
Survival Of The Fittest: The Evolution of Healthcare Communications
 
Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma Nota oficial da Fundação do Meio Ambiente de Criciúma
Nota oficial da Fundação do Meio Ambiente de Criciúma
 
Reality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributionsReality s-nondualities-their-value-added-contributions
Reality s-nondualities-their-value-added-contributions
 
Design d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétiqueDesign d’interface en contexte : une approche organogénétique
Design d’interface en contexte : une approche organogénétique
 
PHP: Assoziative Arrays
PHP: Assoziative ArraysPHP: Assoziative Arrays
PHP: Assoziative Arrays
 
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org  Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
Online Zusammenarbeit im Ehrenamt - Anna Vicky - 2aid.org
 
Niezbędnik 2012/13
Niezbędnik 2012/13Niezbędnik 2012/13
Niezbędnik 2012/13
 
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
Nd p presentación oficial march gestion fondo family businesses fund 12 04 2012
 
Barbapapà
  Barbapapà  Barbapapà
Barbapapà
 
Skateboards and job boards
Skateboards and job boardsSkateboards and job boards
Skateboards and job boards
 
Asinoooo
  Asinoooo  Asinoooo
Asinoooo
 
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
Contao Konferenz 2013 - Workshop "Responsive Contao" - Teil 1
 
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo OttoneoBronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
Bronchite Batterica persistente. Livia Pittaluga e Giancarlo Ottoneo
 
Makalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologiMakalah Tentang Keselamatan kerja di laboratorium biologi
Makalah Tentang Keselamatan kerja di laboratorium biologi
 
Fritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hutFritz vortrag socialbar drei bauern unter einem hut
Fritz vortrag socialbar drei bauern unter einem hut
 

More from lehrerfreund

mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
lehrerfreund
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
lehrerfreund
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
lehrerfreund
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
lehrerfreund
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
lehrerfreund
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
lehrerfreund
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
lehrerfreund
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
lehrerfreund
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
lehrerfreund
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
lehrerfreund
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
lehrerfreund
 
CSS: Eigene Stilklassen
CSS: Eigene StilklassenCSS: Eigene Stilklassen
CSS: Eigene Stilklassen
lehrerfreund
 

More from lehrerfreund (20)

ERM - Überblick
ERM - ÜberblickERM - Überblick
ERM - Überblick
 
mySQL - INSERT INTO
mySQL - INSERT INTOmySQL - INSERT INTO
mySQL - INSERT INTO
 
mySQL - CREATE TABLE
mySQL - CREATE TABLEmySQL - CREATE TABLE
mySQL - CREATE TABLE
 
mySQL - SELECT
mySQL - SELECTmySQL - SELECT
mySQL - SELECT
 
mySQL - Felddatentypen
mySQL - FelddatentypenmySQL - Felddatentypen
mySQL - Felddatentypen
 
CSS: Links formatieren
CSS: Links formatierenCSS: Links formatieren
CSS: Links formatieren
 
CSS: Zweispaltige Layouts
CSS: Zweispaltige LayoutsCSS: Zweispaltige Layouts
CSS: Zweispaltige Layouts
 
PHP: foreach
PHP: foreachPHP: foreach
PHP: foreach
 
PHP: Switch
PHP: SwitchPHP: Switch
PHP: Switch
 
PHP: Variablen entschaerfen
PHP: Variablen entschaerfenPHP: Variablen entschaerfen
PHP: Variablen entschaerfen
 
PHP: exit
PHP: exitPHP: exit
PHP: exit
 
PHP: isset
PHP: issetPHP: isset
PHP: isset
 
PHP: if-else
PHP: if-elsePHP: if-else
PHP: if-else
 
PHP: Indiziertes Array
PHP: Indiziertes ArrayPHP: Indiziertes Array
PHP: Indiziertes Array
 
PHP: Rechnen mit PHP
PHP: Rechnen mit PHPPHP: Rechnen mit PHP
PHP: Rechnen mit PHP
 
PHP: br und n (new line)
PHP: br und n (new line)PHP: br und n (new line)
PHP: br und n (new line)
 
PHP: Variablen und Datentypen
PHP: Variablen und DatentypenPHP: Variablen und Datentypen
PHP: Variablen und Datentypen
 
PHP: echo, kommentare
PHP: echo, kommentarePHP: echo, kommentare
PHP: echo, kommentare
 
CSS: div und span
CSS: div und spanCSS: div und span
CSS: div und span
 
CSS: Eigene Stilklassen
CSS: Eigene StilklassenCSS: Eigene Stilklassen
CSS: Eigene Stilklassen
 

Recently uploaded

"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
thanhluan21
 
gabaritos_preliminares.pdfdddddddddddddddddddddddddd
gabaritos_preliminares.pdfddddddddddddddddddddddddddgabaritos_preliminares.pdfdddddddddddddddddddddddddd
gabaritos_preliminares.pdfdddddddddddddddddddddddddd
CristviaFerreira
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
thanhluan21
 
kamus mufradat bahasa arab sekolah rendah.pptx
kamus mufradat bahasa arab sekolah rendah.pptxkamus mufradat bahasa arab sekolah rendah.pptx
kamus mufradat bahasa arab sekolah rendah.pptx
NURATHIRAHBINTIARSHA
 
المحتوي المفتوح برنامج تدريبي عن كيفية تقديم المقررات الدراسية
المحتوي المفتوح برنامج تدريبي عن كيفية  تقديم  المقررات الدراسيةالمحتوي المفتوح برنامج تدريبي عن كيفية  تقديم  المقررات الدراسية
المحتوي المفتوح برنامج تدريبي عن كيفية تقديم المقررات الدراسية
team882406
 
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
Gouri Das
 

Recently uploaded (6)

"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
 
gabaritos_preliminares.pdfdddddddddddddddddddddddddd
gabaritos_preliminares.pdfddddddddddddddddddddddddddgabaritos_preliminares.pdfdddddddddddddddddddddddddd
gabaritos_preliminares.pdfdddddddddddddddddddddddddd
 
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ..."DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
"DANH SÁCH THÍ SINH XÉT TUYỂN SỚM ĐỦ ĐIỀU KIỆN TRÚNG TUYỂN ĐẠI HỌC CHÍNH QUY ...
 
kamus mufradat bahasa arab sekolah rendah.pptx
kamus mufradat bahasa arab sekolah rendah.pptxkamus mufradat bahasa arab sekolah rendah.pptx
kamus mufradat bahasa arab sekolah rendah.pptx
 
المحتوي المفتوح برنامج تدريبي عن كيفية تقديم المقررات الدراسية
المحتوي المفتوح برنامج تدريبي عن كيفية  تقديم  المقررات الدراسيةالمحتوي المفتوح برنامج تدريبي عن كيفية  تقديم  المقررات الدراسية
المحتوي المفتوح برنامج تدريبي عن كيفية تقديم المقررات الدراسية
 
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
assessment of management of abnormal uterine bleeding PDF For Third Year GNM ...
 

CSS - Externes Stylesheet

  • 2. Syntax <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;stilangaben.css&quot;> <style type=&quot;text/css&quot;> /* optional: dateispezifische Stilangaben */ </style> </head> <body> <!-- Inhalte --> </body></html>
  • 3. <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;stilangaben.css&quot;> <style type=&quot;text/css&quot;> /* optional: dateispezifische Stilangaben */ </style> </head> <body> <!-- Inhalte --> </body></html> Datei: index.html Datei: stilangaben.css /* Allgemein */ body { font-family : Arial, Verdana, sans-serif; } /* ---------- Überschriften ------ */ h1 { font-size : 20px; } h2 { font-size : 16px; } /* ---------- CONTAINER ------ */ /* usw. */
  • 4. Verschiedene Stylesheets für unterschiedliche Ausgabemedien <!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot;> <html> <head> <title>Externe Stylesheets</title> <link rel=&quot;stylesheet&quot; media=&quot;screen&quot; href=&quot;site.css&quot;> <!-- screen = Ausgabe am Bildschirm --> <link rel=&quot;stylesheet&quot; media=&quot;print&quot; href=&quot;site.css&quot;> <!-- print = Ausgabe auf dem Drucker --> </head> <body> <!-- Inhalte --> </body></html>