2018-01-01から1年間の記事一覧

セレクタ【用語おさらい】

セレクタとは 英:selector 意味:CSSで指定する要素 ■書き方 セレクタ{ プロパティ:値; } ※セレクタ=何を プロパティ=どのように ■種類 要素 HTMLの要素 全称 HTMLページ内全ての要素 id idで指定した要素 class classで指定した要素 複数 複数指定 子…

要素【用語おさらい】

要素とは 英:element 意味:構成するもの ■HTML要素 開始タグから終了タグまでを<p>要素という <p>今日はいい天気です</p> ■親子関係を示す 親要素の中に子要素を入れて、入れ子の関係にある場合 親要素・子要素という</p>

Flexboxの使い方【HTML+CSS】

英:Flexible Box Layout Module CSS3のフレキシブルボックスを利用したレイアウト ただし、IE10以下は非対応なので注意する Flexコンテナ(親要素)の中にFlexアイテム(子要素)を含むイメージ □記述方法 親要素に display:inline-flex; を指定する 並びや…

CSSの書き方【CSS】

書き方は3つ その1 外部ファイルで読み込む .cssにスタイルを記述して、HTMLから<a href="">タグを使って読み込む その2 head内に書く </head>の直前に、<style></style>内に記述する その3 HTML要素に追加する <p style="color:red">のように記述する HTML4時代は、HTML要素とhead内に記述することが多かった。</p>…

ベンダープレフィックス【用語おさらい】

ベンダープレフィックス CSSで仕様が未確定な機能を、ブラウザに明示する為に付ける接頭辞の事 各ベンダーによって推奨されており、仕様が確定された場合は外す ペンダー 英語表記:vendor 意 味:売り手 製品の供給元 プレフィックス 英語表記:prefix 意 …

疑似要素【用語おさらい】

疑似要素は、HTMLに記述していない要素に対して要素を作り出し、スタイルを設定できる 例えば ::before や ::after など ::(コロン2つ)の前に a要素を付けて a::before のように記述します。 ■使い方 外部リンクという文字の後に、自動でリンク先を表記す…

偶然ショートカット【イラレ】

⌘(コマンド)+shift+X で文字属性をリセット ショートカットを使っていると、アレ?今何押した?ってなる事はありませんか? それを、『偶然ショートカット』と名付けました。