CSS の基本チュートリアルのサイズ、フォント、テキストのプロパティ
CSS サイズ属性
width: 要素の幅。必ず px 単位を追加してください。
height: 要素の高さ。
CSSフォントプロパティ
font-size: テキストのサイズ。例: font-size:14px;
font-family: フォント。例: フォントファミリー: Microsoft Yahei
フォントスタイル: イタリック、値: イタリック。例: font-style:italic;
font-weight:bold、value:bold。例: font-weight: 太字;
CSS テキスト属性
color: テキストの色
text-decoration: テキスト装飾線、値: none、underline (下線) 、オーバーライン（上線）、ラインスルー（取り消し線）
text-align: テキストの水平方向の配置、値: left、center、right
line-height: 行の高さ、固定値または割合。例: line-height:24px; line-height:150%;
text-indent: 最初の行のインデント。例: text-indent:28px;
letter-spacing: 単語の間隔。
例は以下の通りです
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
h1{
color:red;
width:350px;
text-align:center;
font-family:微软雅黑;
}
p{
line-height:150%;
text-indent:28px;
font-family:楷体;
}
.box{
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
</style>
</head>
<body>
<h1>习近平心中的互联网</h1>
<p>互联网是20世纪最伟大的发明，它正在将人类“<span class="box">一网打尽</span>”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
</body>
</html>
新しいファイル
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
<style type="text/css">
h1{
color:red;
width:350px;
text-align:center;
font-family:微软雅黑;
}
p{
line-height:150%;
text-indent:28px;
font-family:楷体;
}
.box{
font-style:italic;
font-weight:bold;
text-decoration:underline;
}
</style>
</head>
<body>
<h1>习近平心中的互联网</h1>
<p>互联网是20世纪最伟大的发明，它正在将人类“<span class="box">一网打尽</span>”，人们在不知不觉中已经融入了互联网生态，互联网让世界变成了“鸡犬之声相闻”的地球村。</p>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます
