css

HTML&CSSS

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

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

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

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

今までの知識を総動員して、自己紹介に写真を入れてみた

自己紹介に写真入れ 写真をアップするのは記事投稿のみ。なので、ウィジェット部分への写真アップ法がわからず放置していましたが、CSSの引用カスタマイズで学んだ内容を応用して、アップすることができました。 URLをコピペして、ウィジェットに。 ...
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

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

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

IEとFirefoxdeCSSの表示が異なる件

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

TwentyElevenフォント変更 記事ページ

記事フォントに変更 次いで、記事ページのフォント変更に挑戦。前々からフォントがでかすぎだろーと気になっていたので、このタイミングを機に変更してみました。 1.CSSファイルを探す まず、フォントデータが書かれているファイルstyle.css...
WPカスタマイズ

TwentyElevnのタイトルフォント変更

TwentyElevenが一番 色々なテーマを試してみましたが、結局の所、落ち着いた先は、デフォルト設定の「TwentyEleven」。とは言っても、気になる点がいくつかあるので、少ない知識を振り絞り、カスタマイズに挑戦。 とりあえず初心者...