フロントエンド初心者による日々の勉強メモの共有

フロントエンド学習ソフトウェア: Photoshop VS code

初日：

よく使用されるタグ: <p></p> ブロック要素には幅と高さの属性があります

                  

1. PS の基本、ポートレートの切り抜き: Ctrl+Shift+i

2. 基準線: マウスをルーラー上で直接ドラッグし、Ctrl+H を押して基準線をキャンセルします。

3. 一般的な画像形式: GIF: アニメーションをサポートし、256 色を持ちます。

   PNG: ロゴ画像でよく使用される透明な背景をサポートします。

   JPEG: 画像の占有スペースは少なく、色彩が豊富です。

4. バッチ画像: スライスしてトリミングします。

5. 色を表現する 3 つの方法: カラーワード、16 進数 (#color パラメーター)、RGB 三原色 (0-255、0-255、0-255)

6. rgba:a は、透明度の範囲値が (0 ～ 1) であることを示します。

7. サイト: 基本的にはフォルダーです

   img\css\js\html\index.html

午後：

• 下線タグ: u

• チルトラベル: i

• テキストタグ: <font></font>はテキストサイズを変更するために使用されます (範囲は 1 ～ 7)

• テキスト太字タグ: <b></b>

• 横線タグ: <hr/>

• エスケープ文字列 (スペース):

  <span style="background-color:#333333"><span style="color:#b8bfc6"><span style="color:#84b6cb">&emsp;</span>占一个字符的空格；
  <span style="color:#84b6cb">&nbps;</span>占四分之字符小大的空格；
  <span style="color:#84b6cb">&lt;</span>小于号 <span style="color:#84b6cb">&gt;</span>大于号 <span style="color:#84b6cb">&copy;</span>版权符号
  ​</span></span>