HTML&CSSS

HTML&CSSS

CSSで表組みを作ってみた。

htmlの表組みってかなり面倒 EXCELを使い慣れているせいもあり、htmlでの表組みは結構面倒。セルの罫線設定にはじまり、文字のセル内の位置設定や塗りの設定などなど。なので、この作業を少しでも軽減すべく、CSSに挑戦してみました。 表組...
HTML&CSSS

<span>タグと<div>タグの違いがようやくわかった

<span>タグは文中で装飾 ブログを書いていると、ココは強調したい一文というのが出てくる。背景色をつけたり、文字色を変えてみたり。DTPではあっさりできるのに、ことhtmlとなると話は別。結構苦労しましたが、何とかできました。 <span...
HTML&CSSS

「引用」のスタイルがイマイチなので、色々と変えてみた

初期設定の引用スタイル 文字に斜体がかかって見づらい、加えて明朝体。どれも好みに合わないので、Webクリエイターボックスさん の記事を参考にCSSをいじくり、変更しました。 こちらが初期設定のコード blockquote { font-fa...
HTML&CSSS

CSSのabsoluteとrelativeの違いとは

cssのポジションを本で見ると absolurte:絶対位置への配置 relative:相対位置への配置 となっていますが、そもそも言葉の意味がわからずで開いた本を閉じたくなりましたが、実際に試してみて何となくわかった気がしたので、まとめま...
HTML&CSSS

線との間隔調整にも使える「line-height」

CSSのLine-height」とは 見出しの飾りとして、左頭に実線、下部に破線を設定。が、テキストと下部の破線との間隔がどうも開きすぎて気になる。Paddingで調整するも、全然だめ。天地が幅広になるだけで改善されない。ということで、li...
HTML&CSSS

CSSのお勉強 Padding

余白設定。Padding 文字周りの空きを調整してくれる機能だと思います。四方、個別に設定できるので、便利です。 四方にPadding:10px 左 Padding:10px 右 Padding:10px 上 Padding:10px 下 ...
HTML&CSSS

htmlで表組みに挑戦

htmlで表組み DTP、ビジネスドキュメントでは、必ずと言っていいほど出てくる表組み。エクセルを使えばサクッと作れるのに、htmlとなると、全くの経験なし。ということで、作ってみました。 自分の中での基本形 <table>大枠を決めるタグ...
HTML&CSSS

生れて初めてJavascriptを書いてみた

ハードル高いぜよ tmlをかじり、CSSをかじり、どれも中途半端な状態。 いかんなとは思いつつも、未経験のJavascriptに挑戦。挑戦してみたら小さな感動がありました。 使用ブラウザーとバージョン表示 コードは、こんな感じ。 <p><s...
HTML&CSSS

IEとFirefoxdeCSSの表示が異なる件

<head>~</head>に書き込み 外部リンク扱いでCSSファイルを扱っていましたが、htmlファイル内に直にCSSを書き込むことは未経験だたため、早速挑戦。 <!-- -->の表記内にCSSを書き込む。これで囲むことで、表には表示され...
HTML&CSSS

サイトの基本情報、head内のタグを整理

メタ情報って何? 仕事の中で、メタ情報という言葉が飛び交うが、全く持って内容を理解せずに使っていたことに反省し、HTMLタグのおさらいを兼ねて、一からお勉強 文字化け防止タグ <meta https-equiv="content-type"...