Blog2018.10.29hoshidaCSSプロパティを書く順番Web制作HTML・CSSコーディングシェアTweetコーダーのhoshidaです。CSSの描き順、コーダーによって色々個性があると思うのですが、何が最適なのでしょうか。ググると考察がいろいろ出てきます。Stylesをベースとしているものが多いようです。ちなみに、私の記述順は以下の通りです。▼サイズheightwidthmarginpadding▼テキスト装飾colorfont-sizefont-weightline-heighttext-align▼要素装飾backgroundborderborder-radiusbox-sizing▼配置・存在floatpositiondisplay▼アニメーション・UItransitionopacitycursor※プロパティの分類は私の独自基準によるものです。この記述方法を始めたのは、コーディング駆け出しのころ、CSSコーディングで最も頻度が多く重要な要素「width」「margin」などを最も目立つ上部に。効果が大きく段落ちなどのトラブルを招きやすい「float」「position」などを次に目立つ最下に配置したのがきっかけです。そこから、要素を構成する際に「要素のサイズを決める→見た目を決める→位置を決める→動きを決める」という感覚的に自然な流れを上から順になぞる形でその他の順序が決まっていきました。そのためものすごいこだわりがあるわけでもなく、何かより良い順序があれば調整しても良いかなと思っています。冒頭のリンク先などでは、要素の表示方法や非表示を制御する「display」プロパティを上部に書いており、それもなかなか合理的だななどとも思います。記述順なんぞの細かいことにこだわる方の参考になれば幸いです。postsよく読まれている記事です。1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。posts1MBは何GB?データ容量の単位を整理してみた!決定!2020年の流行色Photoshopで画像の書き出しができない時の対処法!Photoshopで書き出したjpg画像の色が変わる時の原因と対処Webデザインで使用できるフォント徹底解説。XDイラストお知らせ運用Fireworksクリエーターフォントまとめ初心者サーバ用語PHPスマホアプリjQuery息抜きDreamWeaverWebディレクターJavaScriptプログラミング仕事効率PhotoshopAdobeWordPress作業効率コーディング便利ツールHTML・CSSWEB制作現場デザイン。