CSS:ダミークラス、スタイルシート、複数列
1970 ワード
css html , 、 、 、 、
: : , “;”
、 :
background-color:
{
background-image:
background-image:url(" ")
background-repeat: repeat
}
no-repeat
repeat-x
repeat-y
repeat 、
background-position:right|left|top|bottom
background-attachment:
css3 :
background-size:
background-origin:
background-clip:
擬似クラス#
:
,
:
: + , : +
、 、 、 ,
4 , 4
:
a:link{
text-decoration:underline;
color:red;
}
a:visited{ }
a:hover{ }
a:active{ }
: css ( ), a css ,
a:link,a:visited,a:hover,a:actived
スタイルシート###
:
, :
:css
:css css css
:html +
: , , style 。
body{
margin:0px;
}
複数列######
/*
:
css3 ,
:
column-count:
column-gap:
column-rule:
*/
.div5{
/* */
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
/* */
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
/* */
column-rule: 2px outset lightblue;
-webkit-column-rule: 2px outset lightblue;
-moz-column-rule: 2px outset lightblue;}