Site Komputer - CSS or Cascading Style Sheets is the language web designer. But actually what is CSS? We will discuss the understanding of CCS in this article.
Understanding CSS
In a raw language, as in the quotation from wikipedia, CSS is a "set of codes used to define the design of the markup language", where this markup language markup is HTMLFor the sense of free will, the CSS code is a collection of programs used to design or enhance the look of the HTML page. With CSS we can change the design of text, color, images and the background of (almost) all of the code the HTML tag.
CSS is usually always associated with HTML, since both are indeed complementary. HTML is intended to make the structure, or the content of web pages. While CSS is used for the display of web pages. The term, "HTML for content, CSS for Presentation".
Functions and uses of CSS
The beginning of the required CSS because the needs of an increasingly complex web pages. At the beginning of the emergence of HTML, we can create a paragraph of Red Lake by writing the code directly in the HTML tags, or make the background of a page with a blue color. Sample HTML code for it is as follows :
<!DOCTYPE html>
<html>
<head>
<title>Test Tag Font HTML</title>
</head>
<body>
<p>
CSS is the language <font color="red">Web Designers</font>.
But actually, what is CSS?
<br />
<font color="red">CSS </font>is a collection of code that is used to define the design of the markup language,
<font color="red">One of them is HTML</font>.
<br />
With CSS we can change the design of the
<font color="red">text, color, images and backgrounds </font>
of (almost) all of the code the HTML tag.
</p>
</body>
</html>
<html>
<head>
<title>Test Tag Font HTML</title>
</head>
<body>
<p>
CSS is the language <font color="red">Web Designers</font>.
But actually, what is CSS?
<br />
<font color="red">CSS </font>is a collection of code that is used to define the design of the markup language,
<font color="red">One of them is HTML</font>.
<br />
With CSS we can change the design of the
<font color="red">text, color, images and backgrounds </font>
of (almost) all of the code the HTML tag.
</p>
</body>
</html>
I use the tag <font> to make some words in the paragraph red. This is not wrong, and everything goes as you wish. For an article that has 5 paragraphs, we just copy-paste the tag < font color = "red" > on certain words.
But after the website has say 50 articles like the above, and because it is something you want to change the entire text of the earlier red to blue, then will it take a long time to change them one by one, and page.
It is this condition in CSS try ' separating ' the display of the content. To the same paragraph, the following HTML code when added CSS code:
<!DOCTYPE html>
<html>
<head>
<title>Test Tag Font HTML</title>
</head>
<body>
<p>
CSS is the language <font color="red">Web Designers</font>.
But actually, what is CSS?
<br />
<font color="color">CSS </font>is a collection of code that is used to define the design of the markup language,
<font color="red">One of them is HTML</font>.
<br />
With CSS we can change the design of the
<font color="red">text, color, images and backgrounds </font>
of (almost) all of the code the HTML tag.
</p>
</body>
</html>
In the example above, I changed the CSS tag <font> be <span> tag. The tag <span> is itself a tag that is not meaningful, but can be kostumasi using CSS. My span tag add attributes attribute class = "color". The class attribute is useful to insert CSS code on the tag <style> at the head. (More about the tag <span>, we've discussed in learning HTML advanced tutorial: understanding div and span tags)
If we want to change the whole color to blue, then live change the contents of the CSS color: red became the color: blue, and all tags that have the class = "color" will automatically be changed to blue.
EmoticonEmoticon