Публикации с тегом "CSS"

????? ?????????? "?????? CSS-????"

???????? ????? ?????????? "?????? CSS-????", ??????? ????????? ???????????????, ??????????????, ????????? ?, ??????????????, ????? CSS-???. ???????????? ?????????? ??????? CSSTidy.

??????? ????????? HTML-??????

???? ?????????? ??? ? ????????? ????????, ??????? ? ????? ????? ????? ????????. ??? ??????? ?????????? HTML-??????? (? ?????????????? CSS-????? float) ?????? ????????? ????????????? ????????????? "?????????" ???????????? ????? ?? ????? ?????? ? ????????????? ?? ???????? ????? float ??? ?????, ??? ? ???????? ??????. ??? ????? ????? ?????? ??????????? ????????? ????, ?????????????? ????????? ???????:
.clearer {
  clear: both;
  display: block;
  font-size: 0;
  line-height: 0;
}
<div class="clearer">&nbsp;</div>

???????????? ??????? ?? ??????

???? ??????? ????????? ? ???? ? CSS-??????

text-align: center

?? ????????? ??????? ?? ??????????. ?????? ??? ???????????? ??????? ?? ?????? ?????????? ??? center. ??? ?? ????? ?????? ???????, ??? ??? ?????? ??? ???????? ??????????.

????????? ??????? ?? ?????? ?????, ???????? ?? ? ???? ?? ????????? CSS-??????:

<div style="margin: 0 auto">
  <table> ... </table>
</div>

????? ?? ??????? ????? ?????????????? ? ???? ?????? ?????.

???? ? ????????????? ?????? ?? CSS3

??? ???? ???????? CSS-????? ??????? ?????? border-radius, ??????????? ?????????? ???? ? ?????. ????????-?????? ????????? ?????? ???????????? ?????? ?????, Internet Explorer ?????????? ????????????? ? ? 9 ?????? ????? ???????? ?????????? ????.

?????? ????????????? ????? border-radius:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .round-corners {border-radius: 20px;}
    </style>
  </head>
  <body>
    <div class="box round-corners"></div>
  </body> 
</html>

???????? ????? ? ????? ?? CSS3

???? ?? ?????? ?? ????? ??? ???????? ???????? ????? ? ?????. ? ??? ???????????? ?????????? ? ????????? ????. ? ???????? CSS3 ???-????????? ????? ???????? ?????? ?????????? ?????, ? ?????????, box-shadow, ??????? ????????? ??????? ???? ??? ?????. ? ?????? ?????? ???? ????? ?????????????? ????? ???????????? ??????????? ??????????.

?????? ????????????? ????? box-shadow:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Page</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <style type="text/css">
      .box {background: #F2F213; width: 400px; height: 200px;}
      .shadow {box-shadow: 5px 5px 10px #777;}
    </style>
  </head>
  <body>
    <div class="box shadow"></div>
  </body> 
</html>