hiyoko-programingの日記

プログラミングを勉強したてのひよっ子。   エンジニア目指して勉強中。

2020-04-22から1日間の記事一覧

CSS3とベンダープレフィックス

◉ ベンダープレフィックス "Google Chrome" や "Mozilla Firefox"、"Safari" といった様々なブラウザの ベンダーがCSS3の拡張機能を実装するのに使用する識別子のこと。 プレフィックス(Prefix)とは「接頭辞」という意味。 CSS3のプロパティの接頭辞…

box-sizing プロパティとボックス

ボックスに width プロパティや height プロパティの値を指定した場合に、 それらは要素の内容(赤枠内部)の横幅、縦幅を表している。 これは、ブラウザの基準値では、 「 box-sizing 」プロパティの値に、「 content-box 」が指定されているため。 ◉ box-s…

背景画像を指定2

◉ background-position background-image プロパティで指定した画像の 開始位置を指定することのできるプロパティ。 横方向、縦方向の順で、スペース区切りで値を指定する。 EX) body { background-image : url ( " ../images/01.png"); backgroun-repeat: n…

背景画像を指定1

◉ background-image background-image プロパティで body要素に画像を指定すると、 ブラウザの表示領域全面に繰り返して表示されてしまう。 継ぎ目の目立たない画像を用意することで、 自然な背景を作ることができる。 繰り返しても継ぎ目の見えないような背…

絶対パスと相対パス

◉ パス リンクを設定する際に、 a 要素の href 属性にしているファイルの場所の記述のことをいう。 a 要素で HTML ファイルの場所を示すだけでなく、 img 要素で画像ファイルの場所を指定する場合や、 link 要素でCSS ファイルの場所を指定する場合など、 フ…

リンクの装飾と擬似クラス

リンク(a要素)に様々な装飾をすることを指定できる、擬似クラス。 ◉ a 要素の装飾を見てみる。 ⚫︎ a 全てのリンク ⚫︎ a:link 未訪問のリンク リンクのデフォルトの状態を意味する。 ⚫︎ a:hover リンクにカーソルが重なっている時 マウスをリンクの上に持っ…

リンク先を新しいタブで開く

◉ target 属性 リンク先を新しいタブで開くようにするには、 target 属性に属性値を設定する。 target 属性の属性値は任意の半角英数字で指定する。 EX) <ul> <li><a href="https://www.facebook.com" target="new">Faccebook ページ</a></li> </ul> 新しく開いたタブには、属性値で指定したフレーム名がつく。 また、複数のリンク先…