CSS 学習のまとめ_html/css_WEB-ITnose-htmlチュートリアル-php.cn

CSS 学習のまとめ_html/css_WEB-ITnose

WBOY

リリース： 2016-06-21 08:55:48

オリジナル

1186 人が閲覧しました

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>

ログイン後にコピー

レンダリング