たまにWordPressのオリジナルテーマを作成していて、「右寄せにしたのに画像が回り込まない!」とかありませんか?
私はたまにあります……。特にセンタリング。前に作成したスタイルシートをコピーして作っていたりするのに
どういうことでしょうね。
ということで、自分のためにもWordPressのネイティブなCSSをまとめました。(要は備忘録のために書いておきます)
/* ------------------------------------------------------------------------- *
* Base Styles
/* ------------------------------------------------------------------------- */
p {
display: block;
margin: 1em 0;
}
h1, h2, h3, h4, h5, h6 ,ul,li,img,table,tr,th,td,dl,dt,dd{
font-weight: normal;
margin: 0px;
padding: 0px;
border: none;
list-style-type: none;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
/* base : img
/* ------------------------------------ */
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"],
img[class*="attachment-"] {
max-width: 100%;
height: auto;
}
/* base : clear
/* ------------------------------------ */
.clearfix {
overflow: hidden;
zoom: 1;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
と、こんな感じです。
よろしければご参考にされて下さい。





