挨拶(1) 事業案内(4) フリーランス/個人事業(2) PHP(9) 用語解説(6) HTML&CSS(4) フリーツール(5) Seesaaブログ(2) Windows(3) ビジネスマナー(1) Google(5) Eclipse(3) 秀丸(1) データベース(5) サイト紹介(11) 業務日報(6) 当ブログについて(1) Android(1) Unix(2) 仕事への姿勢(1) ECサイト(1) Twitter(3) サーバー(1) SEO(1) PC・周辺機器(2)

2013年05月14日

[CSS]GoogleChrome、Firefox、Safariで背景画像が正しく表示されない時の対処法・回避法

CSSに関するつぶやきをまとめました。







この記事が少しでも役立ったと思ったら、是非、はてなブックマークやTwitterなどで周りの方にもシェアしてもらえると嬉しいです。多くの方に読んでもらうことが出来れば、さらなる記事更新へのモチベーションアップに繋がります。
posted by horiai at 14:51 | Comment(0) | TrackBack(0) | HTML&CSS | このブログの読者になる | 更新情報をチェックする

2012年07月14日

[CSS]コメントアウトの書き方

CSSもコメントを書いておくと分かりやすいですよね。
書き方はこんな感じです。

/* コメント */

あと修正中に残しておきたいコードをコメントアウトするときにも使います。

下記のように、コメントの終わりの「*/」の直前に全角文字があると、
コメントの"閉じ"が効かないそうなので注意しましょう。

/*コメント*/

CSS3デザインブック 仕事で絶対に使うプロのテクニック

新品価格
¥2,940から
(2012/7/14 03:15時点)



この記事が少しでも役立ったと思ったら、是非、はてなブックマークやTwitterなどで周りの方にもシェアしてもらえると嬉しいです。多くの方に読んでもらうことが出来れば、さらなる記事更新へのモチベーションアップに繋がります。
posted by horiai at 06:00 | Comment(0) | TrackBack(0) | HTML&CSS | このブログの読者になる | 更新情報をチェックする

[CSS] padding、marginの書き方

CSSでよく使用する padding や margin ですが、
数値の順序をたまに忘れてしまうので記述しておきます。

padding は内側、margin は外側を空けてくれます。

値を1つ指定した場合: [上下左右]全部
値を2つ指定した場合: 1つめ=[上下]、2つめ=[左右]
値を3つ指定した場合: 1つめ=[上]、2つめ=[左右]、3つめ=[下]
値を4つ指定した場合: 1つめ=[上]、2つめ=[右]、3つめ=[下]、4つめ=[左]

書くとこんな感じ。


padding: 10px 20px 30px 40px;




margin: 10px 20px 30px 40px;



CSS3 スタンダード・デザインガイド

新品価格
¥2,940から
(2012/7/14 02:57時点)


この記事が少しでも役立ったと思ったら、是非、はてなブックマークやTwitterなどで周りの方にもシェアしてもらえると嬉しいです。多くの方に読んでもらうことが出来れば、さらなる記事更新へのモチベーションアップに繋がります。
posted by horiai at 02:58 | Comment(0) | TrackBack(0) | HTML&CSS | このブログの読者になる | 更新情報をチェックする

2012年07月07日

imgタグで縦横比率を保ったまま画像を縮小/拡大する

機会がないと忘れるものですね(汗)
メモメモ。

imgタグの縦横のサイズはwidthとheightで指定します。
その片方だけを指定すると、画像の縦横の比率をそのままに、
縮小/拡大ができます。


XHTML/HTML CSSスーパーレシピブック

新品価格
¥2,940から
(2012/7/11 21:23時点)





この記事が少しでも役立ったと思ったら、是非、はてなブックマークやTwitterなどで周りの方にもシェアしてもらえると嬉しいです。多くの方に読んでもらうことが出来れば、さらなる記事更新へのモチベーションアップに繋がります。
posted by horiai at 11:31 | Comment(0) | TrackBack(0) | HTML&CSS | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。