CSS基本操作(2)
17833 ワード
一、フォント加斜 太字 トランペットフォント 書名 参照上下標と削除線 コード の挿入と表示
em ，
i
strong ， em ，
b
： ， small
《 》
，
（ ）
，
if True:
print("ddddd")
、リスト リスト
-
ul
li ul ， li
type ， ：
disc： ，
square：
circle：
：
， li
ul li
-
リスト
-
， ol ul
type ， ， ：
1， ，
a/A，
i/I，
ol
リスト
-
dl ，
dt：
dd：
-
!!!3つのリストは にネストして できます
、
rgbカラー
16
* rgb ， RGB ， ， ，
* ， 00-ff
* ， 00-ff
* ， 00-ff
* ：#
* ：
* 0 1 2 3 4 5 6 7 8 9 a b c d e f
* 00 - ff
* 00 ， rgb 0
* ff ， rgb 255
* ：#ff0000
* ，
* ：#ff0000 #f00
* #abc #aabbcc
、フォント
px
-
-
、 ， ，
%
-
- ， ，
- ，
em
- em ，
- 1em = 1font-size
- em ， ，em
- ， em
、フォントスタイル color フォント font-size フォントサイズ font-familyでフォントスタイル を
/*
font-family
， ， ，
， “,”
， ， ，
、フォントの
フォント
ライニングフォント
serif
セリフフォント
sans-serif
スケッチフォント
cursive
フォント
monospace
のフォント
fantasy
フォントをこれらの きな に できます.ブラウザは に したフォントを し、スタイルを すると にフォントの きな をfont-familyの のフォントに します. ： ，ABCDEFGabcdefg
： ，ABCDEFGabcdefg
： ，IHABCDEFGabcdefg
： ，ABCDEFGabcdefg
： ，ABCDEFGabcdefg
、フォントその のスタイル
フォント
オプション
italic
normal,oblique
weight
normal,bold
スモール
variant
normal,small-caps
CSSではfontというスタイルも されています.このスタイルを すると、フォントに するすべてのスタイルを に できます.フォントのスタイル をfontスタイルに に くことができます. なる の にスペースで ってfontを してフォントスタイルを する 、 に きなアルファベットを くし、 の がなく、 くこともできます. き みをしない はデフォルト を しますが、 のサイズとフォントを く があります.フォントは のスタイルでなければなりません.サイズは から2 のスタイルでなければなりません. には、 な を してもパフォーマンスが します.
、
CSSでは の を する はありません. の さを することで に するしかありません. の さが きいほど の が きくなります.line-heightを して の さを します. たちが で っている と ています. は1 1 で、 と の の は の さのページの です. には えない に かれています. = の さ-フォントサイズ
line-heightを することで、 の さを に できます.1.サイズを します.2.パーセンテージを すると、 の さを>フォントに して します.3. を すると、 の さはフォントのサイズに じた を します.
、テキストのスタイル
フォントスタイル
オプション
と
text-transform
(noneデフォルト)(capitalizeイニシャル )(uppercaseすべてのアルファベット )(lowercaseすべてのアルファベット )
テキスト
text-decoration
(noneデフォルト)(underline )(overline )(line-though
text-align
(leftデフォルト)(rightテキスト え)(cente え)(justify え)
letter-spacingは word-spacingを して の を できますが、 には と のスペースのサイズtext-indentを して の のインデントを します.この は にemを として します. の を すると、 した を に にインデントします. の を すると、 した が に します.の はこのようにしていくつかの したくない を すことができます
、 の
widthを してボックスのコンテンツ の を heightを してボックスのコンテンツ の さを widthとheightは、ボックス のサイズではなく、ボックスのコンテンツ のサイズを するだけで、ボックスの ボックスのサイズは、コンテンツ 、 の 、 によって まります.