HTML&CSS

CSS borderの装飾

borderの装飾を試みました
HTML&CSS

CSS border

borderプロパティ borderの一括指定は、color、width、styleの3つを順不同でブランク区切りで指定します borderでは4辺を同時に指定することになります 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を0に設定しても消えない結論から言うと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で動作する 後方互換モ...