CSS入門レイアウト
■概要 CSSでレイアウトを構成する方法が多いですが、状況にあった方法を選ぶ必要があります。例え、flexは最新の技術ですが、古いブラウザを支援しないため、使いにくいです。 あと、開発環境では正しく表示されても、解像度などを気にしないと、モ...
Web製作
CSS入門 CSS入門position属性
■概要 position属性は、タグをどこに配置するかを定義します。 以下の5つの値が使えます。 static：デフォルト値です。他のタグとの関係により自動で配置されるので、任意に設定できません。 absolute：絶対座標で位置の指定がで...
CSS入門clear属性
■概要 clear属性は、下記の3つの属性が使えます。 left：左側を消去 right：右側を消去 both：両方を消去 ■例 <html> <head> <style> .float-container{ width: 320px; ...
CSS入門float属性
■概要 float属性は、WEBページに画像をどんな形でテキストと一緒に表示するかを設定するものです。 inherit：親要素を継承 left：左側にblockを生成します。 right：右側にblockを生成します。 none：配置を指定...
CSS入門display属性
■概要 display俗世は、要素をどう表示するかを指定します。 none：非表示 block：ボックス inline：インラインボックス inline-block：blockとinlineの中間 ■none 要素をレンダリングしないように...
CSS入門CSSファイル分離
■概要 CSSは、別のファイルで記載して後HTML文書内で読み込むことができます。 複数のWEBページから共通のCSSを参照する場合、重複したコードが無いようにするし、文書の規格とスタイルの分離のためにも、別ファイルにして利用するのをおスス...
CSS入門摘要優先順位
■概要 CSSは、ある属性が重複されて指定される場合があります。 CSSにはどんな属性が優先されるかが決まっています。 優先順位は以下になります。 1. 属性の値に!importantを指定した場合 2. HTMLでstyleを直接に制定し...
CSS入門cursor属性
■概要 cursor属性は、タグの上に位置するマウスカーソルの形を変えることができます。 auto：自動 default：デフォルト(矢印) pointer：手の形(クリック可能な状態) wait：ローディング などの値があります。 ■使用...
CSS入門visibility属性
■概要 visibility属性は、タグの表示・非表示を指定します。 下記の4つの値あり、デフォルトはinheritです。 visible：表示する hidden：非表示にする(自身の領域は維持する) collapse：重ねて指定する(テー...
CSS入門border-radius属性
■概要 border-radius俗世は、要素の角を丸くします。pxと%を使うことができ、border属性がなくても使えます。 4つの角を別の値で設定することもできます。margin、padding属性と似たように4つの値をスペース区切りで...