SQLの窓

CSS整形

最終更新:

lightbox

- view
管理者のみ編集可

CSS整形

例えば、以下のコードは Google の検索ページを右クリックしてソースコードを表示させて、
CSS 部分を取り出したものですが、整形する事によって読めるようになります
body,td,a,p,.h{font-family:arial,sans-serif}.h{font-size:20px}.h{color:#3366cc}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}#gbar{float:left;font-weight:bold;height:22px;padding-left:2px}.gbh,.gb2 div{border-top:1px solid #c9d7f1;font-size:0;height:0}.gbh{position:absolute;top:24px;width:100%}.gb2 div{margin:5px}#gbi{background:#fff;border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;top:24px;z-index:1000}#guser{padding-bottom:7px !important}#gbar,#guser{font-size:13px;padding-top:1px !important}@media all{.gb1,.gb3{height:22px;margin-right:.73em;vertical-align:top}.gb2 a{display:block;padding:.2em .5em}}#gbi,.gb2{left:0;position:absolute;visibility:hidden}.gb2{z-index:1001}#gbar a,#gbar a:active,#gbar a:visited{color:#00c;font-weight:normal}.gb2 a,.gb3 a{text-decoration:none}#gbar .gb2 a:hover{background:#36c;color:#fff;display:block}
 
body,
td,
a,
p,
.h {
    font - family: arial,
    sans - serif;
 
}
 
.h {
    font - size: 20px;
    color: #36c;
 
}
 
.q {
    color: #00c;
 
}
 
.ts td {
    padding: 0;
 
}
 
.ts {
    border - collapse: collapse;
 
}
 
#gbar {
    float: left;
    font - weight: 700;
    height: 22px;
    padding - left: 2px;
 
}
 
.gbh,
.gb2 div {
    border - top: 1px solid#c9d7f1;
    font - size: 0;
    height: 0;
 
}
 
.gbh {
    position: absolute;
    top: 24px;
    width: 100 % ;
 
}
 
.gb2 div {
    margin: 5px;
 
}
 
#gbi {
    background: #fff;
    border: 1px solid;
    top: 24px;
    z - index: 1000;
    border - color: #c9d7f1#36c#36c#a2bae7;
 
}
 
#guser {
    padding - bottom: 7px ! important;
 
}
 
#gbar,
#guser {
    font - size: 13px;
    padding - top: 1px ! important;
 
}
 
#gbi,
.gb2 {
    left: 0;
    position: absolute;
    visibility: hidden;
 
}
 
.gb2 {
    z - index: 1001;
 
}
 
#gbar a,
#gbar a: active,
#gbar a: visited {
    color: #00c;
    font - weight: 400;
 
}
 
.gb2 a,
.gb3 a {
    text - decoration: none;
 
}
 
#gbar.gb2 a: hover {
    background: #36c;
    color: #fff;
    display: block;
 
}
 
@media all {
    .gb1,
    .gb3 {
        height: 22px;
        margin - right: .73em;
        vertical - align: top;
 
    }
 
    .gb2 a {
        display: block;
        padding: .2em.5em;
 
    }
 
}
 


記事メニュー
目安箱バナー