facebooktweetはてブLINEPocketfeedlyおはようございます、hgmです^^ホームページ制作をするのに欠かせないCSSですが、今回はルールをセットできる「@〇〇〇」をまとめました。普段使うものから、意外と知らないルールがあるかもしれません。くじ@charset@media@important@font-face@supports@page@keyframesまとめ@charsetスタイルシートの文字エンコーディングを指定します。こちらはスタイルシート内で一番最初に記述する必要があり、これより前に文字を記述してはいけない決まりとなっています。スタイルシート内のみでしか指定できず、HTML等の<style>タグ内では使用できません。"utf-8";@mediaスタイルシートを適用する条件を指定することができます。レスポンシブに対応する際は欠かせないルールです。あとに続いて、下記のメディアタイプを指定します。除いたスタイル規則をインポートするために使用します。"style.css";@font-faceテキストを表示するための独自フォントを指定します。ローカルでフォントが無いパソコンの場合に、サーバーにアップされている指定されたフォントを読み込みます。機能に対応しているかによって、宣言を指定することができます。プロパティを変更するために使用します。文書のページ区切りだけです。アニメーションの中間ステップを制御できます。translateX(100%);}}まとめご紹介したルールセットで、初めて知るものはありましたでしょうか?恥ずかしながら私自身初めて知るものがあり、今後のホームページ制作に活かせる便利なものを知ることができ勉強になりました。facebooktweetはてブLINEPocketfeedly関連記事この記事を書いた人hgm農業高校出身フロントエンドエンジニアの社員hgmです。猫センサー搭載済みの愛猫家。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。