ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML CSS レイアウトを理解する (カスケード スタイル シート)_html/css_WEB-ITnose

HTML CSS レイアウトを理解する (カスケード スタイル シート)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:27:09
オリジナル
1121 人が閲覧しました

CSSの正式名称は「Cascading Style Sheets (Cascading Style Sheets)」で、主にブラウザに表示されるHTMLコンテンツのテキスト、色、視覚的な静的効果、レイアウトなどのスタイルを定義するために使用されます。など。 HTML が Web 開発の基礎であるなら、CSS は Web ページを変更するアート ペンであり、将来学習する JS (JavaScript) は Web ページの魂です (個人的な意見です)。

簡単なCSSコード例で説明しましょう

 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>认识CSS样式</title> 6 <style type="text/css"> 7 #wang{ 8    font-size:20px;/*设置文字字号*/ 9    color:red;/*设置文字颜色*/10    font-weight:bold;/*设置字体加粗*/11 }12 </style>13 </head>14 <body>15 <p id = "wang">网页制作是任何一个从事开发行业的人都应该掌握的技能, 因为它无时不刻的在我们的生活中出现, 了解学习网页制作, 会让你的视野更加开阔, 而CSS在网页开发中, 更具有着举足轻重的位置, 所以一定要认真用心的学习.</p>16 </body>17 </html>
ログイン後にコピー

このようなWebページの場合、簡単なテキストコメントから効果が誰でも推測できると思いますが、段落タグに含まれるテキストは、内部のCSSスタイルに従って変更されます。