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