Ү :
ұ {Қ 1: ғ;Қ 2: ғ;Қ 3: ғ; ө ө ұ ғ :ұ қ, қ қ ң қғ қ,.
қ қ қ | ғ ө . Қ қ, ө қң. ә ү , ә ү, ү, , , , ә ү ұ қ, ә ө қ ү.
ғ ә ң ғ . ұ ғ қ ә , , қң, ү ә , ү қ ғ қ , rgb қ (12,134,22), үң , red қ, green blue.
Қ, ғ ә , , , ә . . , em, , ө қ ұқ ө .
қ ү қ ққ:
P {Margin:5 px;Font - family: arial;Color: blue;HTML p ң құ p ә ғ, қ, қ. ғ қ қ қ ө, қғ қ ө қ қ. қ ә , қ (margin), ә ә (font - family), ә ә ү (color). Ө 5 ө ұ қ, Arial қ ә ұ қ, blue. қ ә ү ұ қ.
қ ұ ң ң қ (ң). CSS ң ң , қ ө ү, ң ғ қ ң қ .
ү
ң қ , қ ү . ү ү, ң қ /*ә ү ң қ , ә ң ұ :
/* ң ұ*/ұ {Қ 1: ғ;Қ 2: ғ;Қ 3: ғ;}қ ң ү қ қ ү .қ ұ
|
|
|
Әү ұ қ ұғ . , h1 ә p қ қң, ғ ғ қ :
h1 {color:red}p {color:red}, қ, ө қ, ә қ қ. ққғ қ , ү қ ұ қ ұғ қ:
h1, p {color:red}Әү ұ , ә қң әү ө қ . Ү ұ ң, ғ, :
p {}:қ
.example{}:ә қ , ө ғ class , ә ү ғқ қ < p class =" example ">,< li class =" example "> < div class =" example ">, - қ ғ example. class қ, ұ қ қ .
#example{}: idә қ , ө ғ id , ә ү ғқ < p id =" example ">,< li id =" example "> < div id =" example ">, - қ ғ example. id қ, ұ қ , ә ұ қ ғ ү әң құ - ә ң .
14 CSS қ .
Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>References</title> <style type="text/css"> @import url("styles.css"); </style></head> <body> <div id="bggraphic"></div> <div id="header"> <h1>References</h1> </div> <div id="references"> <cite class="article">Adams, J. R. (2008). The Benefits of Valid Markup: A Post-Modernistic Approach to Developing Web Sites. <em>The Journal of Awesome Web Standards, 15:7,</em> 57-62.</cite> <cite class="book">Baker, S. (2006). <em>Validate Your Pages.... Or Else!. </em> Detroit, MI: Are you out of your mind publishers.</cite> <cite class="article">Lane, J. C. (2007). Dude, HTML 4, that's like so 2000. <em>The Journal that Publishes Genius, 1:2, </em> 12-34.</cite> <cite class="website">Smith, J. Q. (2005). <em>Web Standards and You. </em> Retrieved May 3, 2007 from Web standards and you.</cite> </div> <div id="footer"> <p>The content of this page is copyright 2007 <a href="mailto:[email protected]">J. Lane</a></p> </div></body></html> , , :1 , doctype. XHTML 1.0 Transitional. , , .
|
|
|
5 7 CSS - , . CSS, , .
. , , .
CSS, HTML.
Styles.css
body {background: #fff url('images/gradbg.jpg') top left repeat-x; color: #000; margin: 0; padding:0; border: 0; font-family: Verdana, Arial, sans-serif; font-size: 1em;}div {width: 800px; margin: 0 auto;}#bggraphic {background: url('images/pen.png') top left no-repeat; height: 278px; width: 362px; position: absolute; left: 50%; z-index: -100;} h1 {text-align: center; text-transform: uppercase; font-size: 1.5em; margin-bottom: 30px; background: url('images/headbg.png') top left repeat; padding: 10px 0;} #references cite {margin: 1em 0 0 3em; text-indent: -3em; display: block; font-style: normal; padding-right: 3px;}.website {border-right: 5px solid blue;}.book {border-right: 5px solid red;}.article {border-right: 5px solid green;} #footer {font-size: 0.5em; border-top: 1px solid #000; margin-top: 20px;}#footer a {color: #000; text-decoration: none;}#footer a:hover{text-decoration: underline;}
15 CSS ң HTML қ.
, ә id қ ө ә ұғ . қ :
Ә қғ ә ңғ ү .
: * { border: 1px solid #000000;}
