タグ

htmlとweb制作に関するpri_lightのブックマーク (6)

  • Learn HTML5, CSS3, Javascript - video style tutorials

    Learn HTML5, CSS3, Javascript and more... Video style walkthroughs showing cool stuff being created from scratch

  • ブロックレベル要素のセンタリング

    blog全盛の時代にhtmlファイルを手書きしている人はそれほど多くはないのかもしれませんが,未だに汎用エディタを用いてウェブページを作成していらっしゃる方もいるかと思います.かく言う私はもちろんエディタで直書き派でして,linux環境でemacsを用いて書いています.emacsのhtml入力補助も導入していなくて(勝手に改行されて腹が立つ),単にhtml用のカラーリングをしているだけです.他に,weexというhtml更新専用のftpソフトを用いています.このソフトはローカルのディレクトリとリモートのディレクトリ(一般にはhtmlファイルを置くディレクトリ)を同期させるソフトで,ローカルのディレクトリを変更すれば,その変更分だけリモートのディレクトリにアップデートしてくれるという優れものです.親切にもローカルディレクトリで消したファイルやディレクトリまでリモートにきっちり反映して綺麗さっぱ

  • clearfixハックは本当に必要なのか - MID [Serendipity Weblog]

    いわゆるclearfixハックネタなのですが、あるブロック内にfloatさせた要素を並べると、状況によってレイアウトが崩れるわけです。 こいつを綺麗に整えるためにはfloatさせた要素の後でclear:leftなどで一旦解除させる、というのがclearfixの原点のように思います。 最近またこの手のネタがはてブで盛り上がっているようです。 floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法( )を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた(「floatを繰り返すとレイアウトがくずれる」参照)。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 少し遡って 解決法は2つある。ひとつは、「原因」

  • CSSリファレンス(CSS入門) - とほほのWWW入門

    CSSとは? CSSの例 CSSの指定方法 style属性で指定する方法 <style>~</style>で指定する方法 <link>を用いた外部CSSファイルで指定する方法 @importを用いた外部CSSファイルで指定する方法 タグと要素とセレクタ 継承 セレクタ CSSネスティング コメント 優先度の順位(詳細度) 長さの単位 CSSのメリット 見栄えを一度に指定できる 見栄えと意味を分離できる CSSとは? CSS は Cascading Style Sheets の略です。CSSは、HTMLで記述された Webページの見栄え・スタイルを効率的に定義するための技術です。HTMLで文書の意味を定義し、CSSで見栄えを定義することにより、意味と見栄えを分離することが可能となります。 CSSの例 最も基的なCSSの使用例を下記に示します。この例では、<h1>~</h1> で囲まれたタイ

  • やさしいホームページ入門 * HTMLやCSS等の解説 *

    ※ 相互リンクを申し込まれる方が多数ですが、サイトについてに書いてある通り、現在は行っていませんのでご了承ください。

  • idとclassの違いと使い分け!スタイルシート(CSS)適用法 [ホームページ作成] All About

    idとclassの違いと使い分け!スタイルシート(CSS)適用法idとclassの違いと、使い分け方法をご紹介いたします。HTMLにスタイルシート(CSS)を適用する方法には、class属性を使う方法と、id属性を使う方法があります。この「class」と「id」は明確に役割が異なります。全部にclass属性を使っている場合は問題ありませんが、全部にid属性を使っている場合は問題がある可能性があります。 スタイルシート(CSS)を記述する際、「特定の要素すべて」を一括して装飾するのではなく、「特定の要素のうち一部だけ」を装飾したい場合、HTMLに付加できる属性は2種類ありますね。class属性と、id属性です。この「class」と「id」を、正しく使い分けられていますか? この「class」と「id」は、どちらでもよい方法が2種類用意されているわけではなく、明確に役割が異なります。そこで今回

    idとclassの違いと使い分け!スタイルシート(CSS)適用法 [ホームページ作成] All About
  • 1