CSS+DIV 知識 2_html/css_WEB-ITnose

1. テキストの下線、下線、取り消し線
text-decoration:underline overline /*下線+上線に設定、同時に1種類または2種類の取り消し線も設定可能*/
2. 英字case:
text-transform:capitalize; /*単語の最初の文字は大文字になります*/
text-transform:uppercase; /*すべて小文字*/
三、行間隔と単語間隔:
文字間隔: Letter-spacing:xpt
単語間隔: word-spacing:xpt
行間隔: line-height:xpt
4. 段落の配置
水平方向の配置: 段落のレベルCSS の配置は text-align 属性によって制御されます。
垂直配置: CSS では、段落テキストの垂直配置は、特にvertical-align 属性によって実装されます。

5. 最初の単語の拡大:


img {border-color:red} は、4 つの境界線の色がすべて赤であることを意味します
img {border-color:red blue} は、上下の境界線が赤であることを意味し、左右の境界線 青です
img {border-color:red blue yellow}は、上の境界線が赤、左右の境界線が青、下の境界線が黄色であることを意味します

img {border-color:red blue yellow green}上、右、下、左を意味します。境界線はそれぞれ赤、青、黄、緑です

border-style 属性

h1 {border-style:solid} は境界線が実線であることを意味し、none は境界線がないことを意味し、境界線は表示されません。点線は境界線スタイルが短いことを意味します。 二重線で形成される点線は、境界線と二重線の間の空白部分の幅が、border- で設定された幅と等しいことを意味します。溝は 3D の溝状の境界線を指します。 アウトセットは 3D の外部境界線を指します

h1 {border-style:solid} は 4 つの境界線がすべて実線であることを指します

h1 {border -style:solid dotted} は下を指します。左の境界線の値が欠落している場合は、反対側の右の値を取得します。

h1 {border-style:solid dotted double} は、左の境界線が欠落していることを意味し、次の値を取得します。右の境界線

h1 {border-style:solid dotted double ridge} は、4 つの境界線すべてに値があることを意味します。上、右、下、左の分割を押します

7. 画像とテキストの間隔を設定します:
float、margin を使用します。左、マージン-右、マージン-上など。
CSS で float を使用すると、float がクリアされていない場合に、画像の外側の空白スペースにテキストを表示できます。以下に示すように:
float を left に設定すると、画像は左側に表示され、 right はテキストと画像が一緒に貼り付けられるのを防ぐために必要になります。対応する答えは、margin-right を margin-left に変更することです: