ユアセルフCSSを簡単に教える

私は90年代半ばに戻って自分自身がHTMLを教え、私はHTMLのスターターブック、HTMLのリファレンス本、そして私がに保存されていた知識以上のもので、かなり複雑なWebページの設計を達成することができたという事実を誇りに思っていた私の頭。しかし当時は、我々のWebデザイナーは、振り返って何があった仕事をするためのツールのかなり限られた量であり、最高の状態でWeb上のサイトの質（またはその欠如）は低迷した。

早送り今日まで：手コーダーは、まだ私たちは、この記事の目的に私たちをもたらしますいる、"私たちの手を汚す"できるようになります利用可能な、より強力で直感的なソフトウェアパッケージを持っています。 90年代末のに大いに予想さカスケーディングスタイルシート（CSS）の標準化と、ウェブデザインのコミュニティは、Webページのレイアウトのはるかに強力で正確な方法に精通している。

"しかし、どのようにCSSを簡単に学ぶことになって昔のWebコーダーですか！"よく、私はあなたがそれに私、そして無数の他は、持っている方法を学ばなければならないと言う。

1。 Firefoxブラウザをダウンロード
2。 Web開発者の拡張をインストールします。
3。あなたの"古い"HTMLのいずれかのファイルを開きます。
4。ソースを表示、"クリーンアップページ"ボタンをクリック
5。 "CSSによるフォント.....タグを置き換える"チェックボックスをオンにして、リフレッシュ

今、あなたはあなたのために行われたすべてのCSS汚い仕事で、コードの非常にきちんと整ってピースを持っている！この時点で、コピー＆ペースト、結果のコードをし、それをプロジェクトで使用し、それが何をして考え出すを開始することができます。私はそれを拾うと自分で変更を開始することができた方法を簡単に驚きました。私は特定のスタイルについての詳細を思ったとき、それはウェブ上で多くの優れたCSSのリソースへ車でわずかのGoogle検索だ。私は私が取り組んできたこと、既存のコードに変更を適用するために得れば、CSSを学ぶことがはるかに簡単に見つけること、そして私はあなたもなると思います。

E方法私、そして無数の他、持っている。

1。 Firefoxブラウザをダウンロード
2。 Web開発者の拡張をインストールします。
3。あなたの"古い"HTMLのいずれかのファイルを開きます。
4。ソースを表示、"クリーンアップページ"ボタンをクリック
5。 "CSSによるフォント.....タグを置き換える"チェックボックスをオンにして、リフレッシュ

今、あなたはあなたのために行われたすべてのCSS汚い仕事で、コードの非常にきちんと整ってピースを持っている！この時点で、コピー＆ペースト、結果のコードをし、それをプロジェクトで使用し、それが何をして考え出すを開始することができます。私はそれを拾うと自分で変更を開始することができた方法を簡単に驚きました。私は特定のスタイルについての詳細を思ったとき、それはウェブ上で多くの優れたCSSのリソースへ車でわずかのGoogle検索だ。私は私が取り組んできたこと、既存のコードに変更を適用するために得れば、CSSを学ぶことがはるかに簡単に見つけること、そして私はあなたもなると思います。