Hi,
ich brauche ein Programm mit dem ich CSS sichbar machen kann. z..B. wenn ich etwas mit html programmiere:
<html>
<title>Test.de Die Testpage</title>
<body>
Test
</body>
</html>
und es denn im Editor unter .html abspeicher denn kann ich mir anschaun was ich progammiert habe.
wenn ich aber z.B. reines CSS programmiere z.B.
body {
font: 69% Tahoma, Arial, sans-serif;
margin:0;
padding:0;
text-align:center;
background: #8c7e04 url(../images/bg-wall.jpg) fixed left bottom no-repeat;
}
#library {
margin:10% auto 0 auto;
padding:0;
text-align:center;
width:600px;
}
ul {
list-style:none;
padding:0;
margin:0;
}
#imageGallery {
background:transparent url(../images/regalboden.png) 0 0 repeat-y;
text-align:center;
}
#imageGallery li {
display:inline-block;
margin:0;
padding:20px 30px 19px 30px;
}
#imageGallery img {
border:0;
-moz-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
-webkit-box-shadow:1px -1px 5px rgba(0, 0, 0, .9);
box-shadow:1px -1px 5px rgba(0, 0, 0, .9)
}
#imageGallery a:hover img {
-moz-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
-webkit-box-shadow:1px -1px 10px rgba(0, 0, 0, .9);
box-shadow:1px -1px 10px rgba(0, 0, 0, .9)
}
li[id] {
overflow:hidden;
position:absolute;
width:0;
height:0;
left:0;
top:0;
opacity:0;
background:rgba(0,0,0,.5);
}
li[id] a:before {
content:url("../images/ic-close.png");
position:absolute;
top:-33px;
right:-33px;
opacity:0;
}
li[id] a:hover:before {
opacity:1;
}
li[id]:target {
width:100%;
height:100%;
opacity:1;
}
#library li[id]:target a {
background-color: #FFF;
position:absolute;
top:40%;
left:50%;
margin:-175px 0 0 -117px;
border:25px solid #fff;
text-decoration:none;
-webkit-animation:zoom 1.5s cubic-bezier(0,0,0,1);
-moz-animation:zoom 1.5s cubic-bezier(0,0,0,1);
-moz-box-shadow:0 0 74px 5px rgba(0, 0, 0, .
;
-webkit-box-shadow:0 0 74px 5px rgba(0, 0, 0, .
;
box-shadow:0 0 74px 5px rgba(0, 0, 0, .
;
}
li[id]:target a img {
border:0;
}
li[id]:target a span {
font-size: 125%;
width:187px;
display:block;
padding:10px 0 0 0;
color:#303030;
}
a {
outline: none;
}
@-webkit-keyframes zoom {
0% { -webkit-transform:scale(0); }
100% { -webkit-transform:scale(1); }
}
@-moz-keyframes zoom {
0% { -moz-transform:scale(0); }
100% { -moz-transform:scale(1); }
}
@media screen and (max-height: 850px) {
li[id]:target a {
margin:-200px 0 0 -118px;
}
}
#cover1 .zoom1
denn lese ich nur das halt wenn ich es unter .html abspeicher
wenn ich es unter .css abspeicher denn habe ich nur die Codes gespeichert und rufe die wieder im editor auf
Ich suche ein Programm oder so wo ich reine CSS Codes z.B. speichern kann und diese mir denn anschaun kann wie es als programmiertes aussieht
Gibts da irgendwie einen Trick ?
Auf ne Antwort würde ich mich sehr freuen
PS: Im HPBK CSS ohne Style Tags oder so funzt das nicht.
;
