Kas
What is the CSS?
The Cascading Style Sheets is in shortly CSS. The CSS is save your from time and from lots of codes. The CSS is shows that is how to you see HTML elements. Every Web Designers use the Cascading Style Sheets files including their web sites. The CSS allows web developers to control layout style of pages and layout of multiple pages.
There is a four CSS types. These are
-Browser default (predefined style)
-External style sheet
-Internal style sheet
-Inline style sheet
Browser default style tags are p, h1, h2, i, strong, u, etc.
External style sheets controls html pages in an extra file.[E2]
Internal style sheets are place inside of head tag[E3]
Inline style sheets are place inside of html elements[E4]
I will give an example about external style sheet that is using always for professional web designers; [E2]
^E2 Example;
Cascading Style Sheet file called style.css
h1{ color: red; /* or use hex color code like #FFFFFF*/}p{ color: blue; font-size: 14px;}
Our html file called index.html
<html><head> <link rel=”stylesheet” type=”text/css” href=”style.css” /></head><body> <h1>This is a header</h1> <p>This is a paragraph</p></body></html>
Output must be like that;
This is a headerThis is a paragraph
^E3 Example;
<html><head> <style type=”text/css”> h1 { color: blue; } p { color: red; }</head><body> <h1>This is a header</h1> <p>This is a paragraph</p></body></html>
Output must be like that;
This is a headerThis is a paragraph
^E4 Example;
<html><body> <h1 style=”color:blue;”>This is a header</h1> <p style=”color:red;”>This is a paragraph</p></body></html>
Output must be like that;
This is a headerThis is a paragraph
Tags: css, css nedir, css types, external style, inline style, internal style
Loading ...