ホームページ > 記事 > ウェブフロントエンド > CSS 学習のまとめ_html/css_WEB-ITnose
CSS 学習のまとめ_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:55:481159ブラウズ
CSS 学習の概要
1. はじめに
W3C の概要では、CSS は Cascading Style Sheets を指し、スタイルは HTML 要素の表示方法を定義します。ブラウザーはコンテンツを要素 (ボックス) に配置し、CSS がボックスの背景、サイズ、色、スタイル、コンテンツのテキスト、フォント サイズを調整し、最終的に必要なレイアウト スタイルを表示します。
CSSを使用する場合、覚えておく必要のあるパラメータがたくさんあります。特に、多くのブラウザには独自のパラメータがあり、それらを覚えるのは困難です。もっと使って、ドキュメントをもっとチェックしてください。使用する場合は、w3c.com http://www.w3school.com.cn/cssref/index.asp
2. ボックス モデルで確認できます。 >
ブラウザが HTML タグを処理するとき、植字にボックス モデルを使用します。このようなボックスコンテナにコンテンツを入れます。コンテナに応じて、インラインタグとブロックレベルのタグがあり、最終的にブラウザ内でスタイルが形成されます。以下は W3C Web サイトの紹介です植字には CSS を使用しており、それらの違いはブラウザーに鮮明に表示されます
<!DOCTYPE html><html><head> <style> .test{ background : gray; border : 5px solid red; height : 20px; width : 250px; font : italic bold 12px/20px arial,sans-serif; margin: 22px; padding : 25px; } </style></head><body> <div class="test">Begin Test Cascoding Style Sheets</div></body></html> レンダリング
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。