HTML&CSS

doctypeの変更〜DreamweaverCC

XHTMLなどからHTML5にdoctypeを変更するにはDreamweaverの変換を使用すれば簡単にできる。 CCになってからその機能の場所が変わっていたのでメモ。 CS6の場合はメニューから「ファイル」→「変換」→HTML5 CCでは「ファイル」→「変換」が無くなっている。 同様の機能はプロパ  >>続きを読む

包含ブロックについて

包含ブロックとは 2017年2月26日 「widthやmarginなどのサイズの設定次第で包含ブロックとなる親要素を飛び出す(オーバーフローする)ことも可能です」 を追加しました。 ボックスモデルは次の図で表すことができます。 ボーダーを境界にしてマージンとパディングがあり、パディングの内側にコンテ  >>続きを読む

CSS ボックスモデルについて解説

ボックスモデルとは どの要素も四角い領域を生成します。この四角い領域を「ボックス」といいます。ボックスを作成する要素はブロックレベル要素に限りません。インライン要素もボックスを作成しますがその表示方法が少しブロック要素と異なるところがポイントです。 *要素とはあるタグで囲まれた内容のすべての(タグを  >>続きを読む

input 要素のサイズ指定

input要素でsize属性を使用した場合は、size属性の値は半角文字の文字数になります。 しかし、フォントの設定やブラウザの種類で表示文字数は思い通りになりません。 次のサンプルはsize属性とstyle属性、そしてmaxlength属性を使用した例です。 サンプル <dl> <  >>続きを読む

Ajax通信とクロスドメイン問題

ajax通信とは URLを入力して希望するWebページをリクエストして、サーバーからのデータが送られてきて希望するページを閲覧するという通常の手順と違い、Ajax通信はJavaScriptを使用して必要なコンテンツを更新する仕組みです。通常の通信はページを全て読み込んで表示しますが、Ajaxはある一  >>続きを読む