CSSのプロあなたたちはこれについてどう思いますか?CSSコードを整理するのに良い方法だと思わない場合は、CSSコードを整理するための最良の方法を教えてください。
/******* HEADER STYLES *********/
/********* MAIN SECTION STYLES ***********/
/********** FOOTER ***************/
/*********** MEDIA QUERIES **********/
これは非常に主観的なトピックですが、私は喜んで検討します。誰もがコードを整理するための独自のスタイルを開発し、ほとんどが驚くほど領土的です(この答えは 、私の好みに単に同意 しない人によっておそらく反対されます... _はぁ_)
とにかく、ほとんどの人は次の標準的なスタイルを好みますが:
#someID{
width: 200px;
height: 50px;
}
#nutherID{
width: 150px;
height: 30px;
}
私は、できるだけ少ないスペースにほとんどの情報を詰め込むことを好みます。私の考えでは、なぜ6つの画面をスクロールして、1つの画面に通常表示されるのと同じ量の情報を表示するのですか。多分それは私の仕事のほとんどをラップトップで行うことから来ています...
#someID{width:200px;height:50px;border:1px solid red;}
#nutherID{text-align:center;color:blue;}
私はあなたと同じようにCSSをセクションに編成しますが、ページをdiv / sections /その他に分割します。必要なcssのセクションをすばやく見つけられるようにしたいと思います。私のラベルは、あなたが上記示したように、セクションの記述(例えばだろう***** About *****
、***** Some other section description *****
など)を自分と同じ考え方が、より分解。
また、すべてのプロジェクトで使用する標準のcssクラスがたくさんあり、次のようにcssファイルの先頭に貼り付けています。
***** GLOBAL *****
*{position:relative;box-sizing:border-box;} /* Here come the down-votes... */
.bgBlack{background:black;}
.bgWheat{background:wheat;}
.taCenter{text-align:center;}
.taRight{text-align:right;}
最後に、インデントを使用してネストを示すのが好きです。
.about-outer{width:100%;height:500px;}
.about-inner{border:1px solid #ccc;}
.about-inner p{font-size:1.3rem;}
私の0.02ドル...
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加