CSSガイド EX

▼基本的なCSS、要素等について紹介しています。


【障害者の就職!】

 

コンテンツメニュー

 ◆Chapter 1

 ◆Chapter 2

 ◆Template

 ◆Tip!

 

★サイト運営者がPHPを学んだ
お勧めの書籍です!
これ一冊で基本的なPHPの仕組み、簡単なプログラムの作成、SQLiteを使ったデータベースなどかなり学べる要素が詰まっています!

↓↓↓ ↓↓↓

PHPレッスンブック―PHP5対応

新品価格
¥2,520から
(2013/2/24 04:38時点)

 

PHPが動作するサーバー

 

はじめてのHP | 無料素材 | タグ辞典 | ツールEX | PHPを学ぼう!

 

◆Chapter 2 - フォント関連をまとめて指定

font: 斜体 太さ サイズ/行間 フォント名

    斜 体: font-styleで指定する値
    太 さ: font-weightで指定する値
    サイズ: font-sizeで指定する値
    行 間: line-heightで指定する値
    フォント名: font-familyで指定する値

 

fontプロパティは、フォント関連の値をまとめて指定できます。
サイズと行間の間は、「/」で区切りますが、その他の値は半角スペースで区切ります。

 

【index2_14_1.html】

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>フォント関連をまとめて指定 - CSSガイドEX</title>
<style type="text/css">
<!--
body{ background: #ffffff; }
h1, h2, p{
  text-align:center;
  color:red;
  margin:0;
}
h1{
  font: italic bold 6em "Century", times, serif;
}
h2{
  font: 3em "Comic Sans MS", times, serif;
}
p{
  font: 20pt/200% "MS P明朝";
  color:#FFFFFF;
  background: #000000;
  margin: 1em 4em;
}
-->
</style>
</head>
<body>
<h1>- Font Style1 -</h1>
<h2>- Font Style2 -</h2>
<p>- Font Style3 -</p>
</body>
</html>

 

表示は、こちらのサンプルから確認できます。

 

 

 


 

忍者AdMax

 

ex-mode.net | ツールEX | 素材EX | アフィモール | 初級者向 初めてのホームページ作り | Htmlタグ辞典 | 初めてのプランター菜園 | リンク・ボード
気のみ気のままなブログ | PHPを学ぼう! | ホビ★コレ | 班長日記!

▲UP

Copyright (C) ex-mode.net 2017. All Rights Reserved.