HTML＆CSS CSS borderの装飾
borderの装飾を試みました
pyaruze.com
HTML＆CSS 
HTML＆CSS CSS border
borderプロパティ borderの一括指定は、color、width、styleの３つを順不同でブランク区切りで指定します borderでは４辺を同時に指定することになります border: 10px solid #000; 各値を個別...
HTML＆CSS CSS margin
双方のコンテンツボックスはマージンの値だけ距離を保つその際にお互いのマージンの値は相殺され最大値になる 仮にAコンテンツボックスのmargin:10pxでBコンテンツボックスのmargin:8pxの場合双方の間のマージンは10pxになる、合...
CSS CSSボックスサイズ
CSSボックスサイズの指定について width、heightは通常コンテンツボックスのサイズを指定するのですがCSS設定でボーダー外側までのサイズを指定に変更できる ※規定のボックスサイズはコンテンツボックスのサイズを指定することになる 変...
HTML＆CSS コンテンツボックス
コンテンツボックスのCSS指定による挙動を試してみました ウェブブラウザはコンテンツをレンダリングするのにボックスとして配置しているそれで、実際に挙動を試してみました これは、コンテンツとコンテンツボックスの関係を明確にするために試しました...
HTML＆CSS HTMLの基本構造を考えてみた
これまでに学習をして学んだ事ですが HTMLの構造を考えてみました <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-...
HTML＆CSS HTMLタグの余白
HTMLタグの最初から与えられている値を調べてみました そもそも調べようと思ったきっかけはbodyタグの上側にmargin以上に余白ができてることでしたCSSでbodyのmarginを０に設定しても消えない結論から言うとbodyタグの直下に...
HTML＆CSS head（ヘッド）
<head>～</head> 文章本文には表示されないその文書の機械的情報部分を記述する 主に記述するタグは以下です <title> ・・・・・サイトのタイトルを記述（Chromeではタブに表示される） <link> ・・・・・外部ファイル...
HTML＆CSS ＜html＞
<html> ～ </html> 文書のルート要素 この間に<head><body>などの子孫要素を記述する <html lang=”ja”>lang=”ja” でこの文書が日本語で記述されている事を示す 記述する基本構造 <!DOCTYP...
HTML＆CSS Doctype
<!DOCTYPE html> HTML文書の先頭に記述 ブラウザーがレンダリングモードを、後方互換モードと間違わないようにするためのものです ブラウザーのレンダリングモードは 標準準拠モード 標準のHTML・CSSで動作する 後方互換モ...