×

table of contents

• 1.トップページナビゲーション
• 2.総合ライブラリー
• 3.８種類のスライダー
• 4.slick.js スワイプ
• 5.制作依頼・問い合わせ

×

pierrot le fou

×

勝手にしやがれ

×

Jimmy Page

×

Jean-Paul Belmondo

『気狂いピエロ』（フランス語: Pierrot Le Fou）は、1965年のフランス・イタリア合作映画。ジャン＝ポール・ベルモンド主演、ジャン＝リュック・ゴダール監督。ヌーヴェルヴァーグを代表する作品の一つ。

×

@layer

カスケードレイヤーはスタイルの優先順位を制御するためアルゴリズムの1つであり、カスケードアルゴリズムは詳細度アルゴリズムよりも優先されるということだ。

具体的に例を挙げると、思い通りにならない CSS に対して「!important」を付けて強引に従わせるケースが減ってくるのだろう。インラインの style 属性に記述したスタイルより優先度が低く、IDセレクター #id名 {...} や要素セレクター h1 {...}より優先度が高くなる。

×

picture要素

picture タグは複数の source タグと1つの img タグで構成される。source タグには3つの属性を指定する。

• media属性（メディアクエリ）
• srcset属性
• sizes属性

<picture>
  <source srcset="mdn-logo-wide.png" media="(min-width: 800px)" /> /* ビューポートの横幅が800px以上のとき */
  <source srcset="mdn-logo-medium.png" media="(min-width: 600px)" /> /* ビューポートの横幅が600px以上のとき */
  <img src="mdn-logo-narrow.png" alt="MDN Web Docs" />
</picture>

利用可能な幅がこれらの幅よりも小さい場合、ユーザーエージェントは <img> 要素で指定された代替画像を表示する。