Net-man
Net-man

 -

 -

  • - - . : Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 JavaScript.

 -

Net-man

 - e-mail

 

 -

LiveInternet.ru:
: 20.04.2010
: 814
: 5985
: 11575

:

CSS.


: (18), (21), (419), PHP(57), Javascript(9), HTML(23), (28), (37), (221), (68), (152), (13), (145), (37), (38), (194), (245), (131), (140)

, 09 2012 . 14:37 +

- , , .

, html php (: Firefox Opera) .  , .

...
:  HTML
CSS

:  

, 09 2012 . 12:01 +

, . , .

ie 8 hack. :/*
html[xmlns*=""] p#form-login-line {
margin-left:2px\9;] - 8 9.
margin-left:-8px; - .
}

html[xmlns*=""] p#form-login-button {
padding-left:48px;\9;]
padding-left:40px;
}

FireFox 3
html>/**/body p#form-login-password, x:-moz-any-link, x:default {
margin-right:53px;
}
html>/**/body p#form-login-username, x:-moz-any-link, x:default {
margin-right:53px;
}

CHROME
body:nth-of-type(1) p#form-login-password{
margin-right:53px;
}

*/

SP-SIPOS

:  CSS

:  
(6)

CSS: CSS | CSS

, 05 2011 . 20:40 +

CSS

 

  1. CSS
  2. CSS
  3. CSS «»
  4. CSS

1. CSS


CSS HTML

HTML :

<title> CSS </title>
</head>
<body>
<ul class="css-menu-1">
<li><a href="#"></a></li>
<li><a href="#">HTML </a></li>
<li><a href="#">CSS </a></li>
<li><a href="#" class="selected">CSS </a></li>
<li><a href="#"></a></li>
</ul>

CSS

...
: 
CSS

:  
(0)

CSS: CSS

, 04 2011 . 14:48 +

 

  1. CSS
  2. CSS , CSS
  3. - CSS , CSS

CSS:


<title> CSS</title>
<style type="text/css">
div {
border: 1px solid #434343;
padding: 10px;
background: #e3e3e3;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width: 500px
}
</style>
</head>
<body>
<div>
, Firefox, Chrome Safari.
</div>
</body>

:

CSS

...
: 
CSS

:  
(0)

CSS: CSS 3 |

, 03 2011 . 21:10 +

CSS ,

« », text-shadow : Firefox, Opera, Chrome — : Internet Explorer, N. Navigator. , CSS 3 .

:

CSS 3 –

:

<head>
<title> CSS</title>
</head>
<body>
<h1 style="text-shadow:#6699ff 1px 1px 1px">CSS 3 – </h1>
</body>

text-shadow:#ff9933 1px 1px 1px. #ff9933 , 1px 1px 1px : , .

:

CSS?

:

<head>
<title> CSS</title>
</head>
<body>
<h1 style="text-shadow:#cccccc -15px -20px 2px"> CSS?
</h1>
</body>

, « » CSS.

: 
CSS

:  
(2)

CSS: 22. 100% HTML & CSS

, 30 2010 . 21:29 +

 

  1. HTML & CSS
  2. HTML & CSS
  3. HTML & CSS
  4. + HTML & CSS
  5. HTML & CSS
  6. HTML & CSS
...
: 
CSS

:  
(0)

CSS: 21. CSS

, 29 2010 . 20:45 +

CSS ,

CSS . position – CSS , . : relative absolute .

CSS

:

<head>
<style type="text/css">
.square1 {border:1px solid #000000; background-color:GreenYellow; color:#000000; width:80px; height:80px}
.square2 {border:1px solid #000000; background-color:Yellow; color:#000000; width:80px; height:80px}
</style>
 </head>
<body>
<div class="square1">1</div>
<div class="square2">2</div>
<img src="../images/image_p.png" alt="" />
</body>

:

...
: 
CSS

:  
(0)

CSS: 20. web- CSS

, 28 2010 . 20:38 +

CSS ,

CSS float .

CSS float:left:

<title>CSS </title>
<style type="text/css">
div.flowers img {float:left; margin:26px; border:1px solid #000000}
div.flowers a:hover img {margin:26px; border:1px solid #ffffff}
</style>
</head>
<body>
<div class="flowers">
<a href="#"><img src="../images/bee.jpg" alt="" width="160" height="160"
border="0" /></a>
<a href="#"><img src="../images/flower4.jpg" alt="" width="160" height="160" border="0" /></a>
<a href="#"><img src="../images/flower5.jpg" alt="" width="160" height="160" border="0" /></a>
<a href="#"><img src="../images/flower.jpg" alt="" width="160" height="160"
border="0" /></a>
<a href="#"><img src="../images/flower3.jpg" alt="" width="160" height="160" border="0" /></a>
<a href="#"><img src="../images/bee2.jpg" alt="" width="160" height="160"
border="0" /></a>
</div>
<div style="clear:left"> &nbsp; </div>
</body>
.
ab=w.net
: 
CSS

:  
(2)

CSS: 19. CSS |

, 27 2010 . 19:47 +

CSS ,

CSS :

<img src="../images/mustang.jpg" width="250" height="153" alt="" hspace="47" />
<img src="../images/mustang.jpg" width="250" height="153" alt="" style="opacity:0.25;filter:alpha(opacity=25)" />

:


...
: 
CSS

:  
(0)

CSS: 18. CSS | +

, 26 2010 . 20:31 +

CSS ,

:

<head>
<style type="text/css">
.list_img li {
list-style: none;
line-height: 170%;
padding-left: 25px;
background: url(../images/pencil2.png) no-repeat left 50%
}
</style>
 </head>
<body>
<ul class="list_img">
<li>Sony</li>
<li>Asus</li>
<li>Dell</li>
<li>Toshiba</li>
<li>Acer</li>
<li>Lenovo</li>
</ul>
</body>

line-height:170% .

: + + CSS

line-height: 170% line-height:170%, line-height:170 %. .

CSS | +

CSS , , :

<head>
<style type="text/css">
ul.list_img {list-style: url(../images/pencil2.png) outside; line-height: 170%}
</style>
 </head>
<body>
<ul class="list_img">
<li>Sony</li>
<li>Asus</li>
<li>Dell</li>
<li>Toshiba</li>
<li>Acer</li>
<li>Lenovo</li>
</ul>
</body>

:

list-style: CSS .



ab-w.net
: 
CSS

:  
(1)

CSS: 17. HTML & CSS

, 24 2010 . 21:16 +

CSS ,

HTML | :

  • Sony
  • Asus
  • Dell
  • Toshiba
  • Acer
  • Lenovo

CSS | :

<head>
<style type="text/css">
* {font-family: Arial, Helvetica, sans-serif}
#nav_menu {padding: 0; width: 762px; margin: 0 auto}
#nav_menu ul {list-style: none; margin: 0; padding: 0}
#nav_menu li {display: inline}
#nav_menu a {
float: left;
width: 125px;
height: 30px;
background-color: #cc0033;
border-left: 2px solid #ffffff;
text-decoration: none;
text-align: center;
padding: 0;
padding-top: 10px;
font-size: 18px;
color: #ffffff
}
#nav_menu a:hover {background-color: #990033; color: Tomato}
</style>
 </head>
<body>
<div id="nav_menu">
<ul>
<li><a href="#">Sony</a></li>
<li><a href="#">Asus</a></li>
<li><a href="#">Dell</a></li>
<li><a href="#">Toshiba</a></li>
<li><a href="#">Acer</a></li>
<li><a href="#">Lenovo</a></li>
</ul>
</div>
</body>

: CSS ⇒

  • * – . .
  • padding:0 – .
  • margin:0 auto – .
  • list-style:none – .
  • margin:0 –
  • display:inline – .
  • border-left: – .
  • padding-top: – .
  • text-decoration:none – .
  • float:left – ( ).
  • a:link, a:active, a:visited   a, .

: 762 = 125 * 6 + 2 * 6, 125 * 6 – 6- , 2 * 6 – border-left:.

ab-w.net
: 
CSS

:  
(0)

CSS: 16. CSS

, 23 2010 . 17:27 +

CSS ,

:

<head>
<style type="text/css">
table.t_example {
background-color: #cccccc;
width: 400px
}
.t_example tr {
background-color: #ffffff;
height: 100px
}
</style>
 </head>
<body>
<table border="0" cellspacing="1" align="center" class="t_example">
<tr>
<td> &nbsp; </td><td> &nbsp; </td><td> &nbsp; </td><td> &nbsp; </td>
</tr>
<tr>
<td> &nbsp; </td><td> &nbsp; </td><td> &nbsp; </td><td> &nbsp; </td>
</tr>
</table>
</body>
...
: 
CSS

:  
(0)

CSS: 15. CSS

, 22 2010 . 17:56 +

CSS ,

web-:

<head>
<style type="text/css">
div { color: White }
#container {
width: 606px;
height: 150px;
margin: 0 auto;
padding: 0;
background-color: Gray
}
.first_block {
float: left;
padding: 15px;
margin: 20px;
width: 130px;
height: 80px;
border-left: 2px solid #555555;
background-color: LimeGreen
}
.second_block {
float: left;
padding: 15px;
margin: 20px;
width: 130px;
height: 80px;
border-left: 2px solid #555555;
background-color: Red
}
.third_block {
float: left;
padding: 15px;
margin: 20px;
width: 130px;
height: 80px;
border-left: 2px solid #555555;
background-color: Blue
}
</style>
 </head>
<body>
<div id="container">
<div class="first_block">
</div>
<div class="second_block">
</div>
<div class="third_block">
</div>
</div>
</body>

: CSS

div {color: White} <div> </div>. : 606px = 2px + 20px + 15px + 130px + 15px + 20px + 2px + 20px + 15px + 130px + 15px + 20px + 2px + 20px + 15px + 130px + 15px + 20px, , + , <div id="container">. , , 1 – div. margin: 0 auto . . web- . . , body margin:0; padding:0.

float – ( ).

ab-w.net
: 
CSS

:  
(6)

CSS: 14. CSS border |

, 21 2010 . 18:06 +

CSS ,

border:

<head>
<style type="text/css">
.punktir {
width: 450px;
height: 280px;
border-top: 3px dashed Blue;
border-right: 10px double Red;
border-bottom: 3px solid DarkBlue;
border-left: 5px dotted DarkOrange
}
</style>
 </head>
<body>
<div class="punktir"> &nbsp; </div>
</body>

: CSS

...
: 
CSS

:  
(0)

CSS: 13. CSS padding

, 20 2010 . 16:59 +

CSS , padding

, padding:

.

padding .

:

<style type="text/css">
body {
margin: 0;
padding: 0
}
.p {
margin: 55px;
border: 1px solid #f25100;
padding: 45px;
}
</style>
</head>
<body>
<div class="p"> , , ,
<blockquote> (1856-1950)</blockquote>
</div>
</body>

  • body {margin:0; padding:0} – , .
  • margin:55px – .
  • padding:45px – .
  • border:1px solid #f25100 – .

padding :

  • padding-top
  • padding-right
  • padding-bottom
  • padding-left

: padding: 20px 50px 30px 50px, padding-top, – padding-right, – padding-bottom, – padding-left ( , ).

ab-w.net
: 
CSS

:  
(0)

CSS: 12. CSS margin

, 18 2010 . 15:12 +

 

CSS , margin

, margin:

.

margin .

:

<head>
<style type="text/css">
body {
margin: 0;
padding: 0
}
.m {
margin: 55px;
border: 1px solid #f25100;
padding: 45px;
}
</style>
 </head>
<body>
<div class="m"> , , ,
<blockquote> (1856-1950)</blockquote>
</div>
</body>

  • body {margin:0; padding:0} – , .
  • margin:55px – e.
  • padding:45px – .
  • border:1px solid #f25100 – .

margin :

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

: margin: 20px 50px 30px 50px, margin-top, – margin-right, – margin-bottom, – margin-left ( , ).

ab-w.net

: 
CSS

:  
(1)

CSS: 11. CSS

, 17 2010 . 14:47 +

CSS ,

, :

<head>
<title></title>
<style type="text/css">
body {
background-color:BlanchedAlmond;
}
.fon_scroll {
margin:0 auto;
width:700px;
height:800px;
padding:30px;
background-color:#ffffff;
background-image:url(../images/7.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:40px 40px;
}
</style>
 </head>
<body>
<div class="fon_scroll">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</body>

web-. background-attachment:fixed .

:

ab-w.net
: 
CSS

:  
(0)

CSS: 10. - CSS

, 16 2010 . 16:52 +

 

CSS , -

 


  1. - CSS | -

  2. - CSS |


CSS -:







<head>

<title></title>

<style type="text/css">

body {

background-image:url(./images/cvetok.png);

background-repeat:no-repeat;

background-position:center 80px

}

</style>

 </head>

<body>

<p> ,

.</p>

</body>


...
: 
CSS

:  
(2)

CSS: 9. - | CSS

, 15 2010 . 11:50 +

CSS ,

,

 
  1. - CSS | web-
  2. - CSS | -
  3. - CSS | -
  4. - CSS | -
...
: 
CSS

:  
(5)

CSS: 8. CSS background

, 14 2010 . 17:23 +

CSS ,

web- :

<head>
<title></title>
<style type="text/css">
body {
background-color:#66cc66
}
.fon_text {
background-color:#339933;
color:#ffffff
}
</style>
 </head>
<body>
<p class="fon_text"> </p>
</body>

: CSS background-color

  • background-color – .
  • color – .
  • body – .

:

<head>
<title></title>
<style type="text/css">
body {
background:#66cc66
}
.fon_text {
background:#339933;
color:#ffffff
}
</style>
 </head>
<body>
<p class="fon_text"> </p>
</body>

: CSS background

CSS background.

ab-w.net
: 
CSS

:  

 : [2] 1