html5タグcss3の一般的なスタイル

name: 次の 6 つの値があります:
application-name: ドキュメント名またはアプリケーション名 ドキュメント全体に含めることができる値は 1 つだけです。
author: ドキュメントの作成者
description: ドキュメントの説明
generator: ドキュメントを生成するプログラム。
キーワード: 英語のカンマで区切られた Web ページのキーワード。

Baidu

href: パス
src: 画像パス

列が2列にまたがる

型 値

テキスト テキスト

パスワード パスワード

ラジオの単一選択

チェックボックスマルチ選択

リセットリセット

ファイルファイルアップロード

送信送信フォーム

画像グラフィック送信

ボタン通常ボタン

グループドロップダウン

煙台
青島
威海


bj
tam
zong


テキストエリア textarea " disabled="disabled">
1
cols width rows height readonly 読み取り専用
css style

font, font size:

font-weight (太さ)normal (標準)bold (太字）イタリック（斜体）
font-size（サイズ）
font-family（フォントファミリー）
font-style（フォントスタイル）

フォントカラー：

opacity（透明度css3）

行間、配置など:

text-align (配置)
letter-spacing (文字間隔)
text-decoration (テキストの修飾)
overflow 余分な部分を隠す
text-overflow

text-overflow テキストのトリミング時にテキストトリミングクリップが追加されません... トリミング時に省略記号が追加されます... 注: 行の折り返しとオーバーフロー制御はありません

text-shadow シャドウ

背景属性:

background -color (背景色)
background-image (背景画像)
background-repeat (背景画像の繰り返し方法)
background-position (位置座標、オフセット)



よく使われるリスト

list -style: none none スタイルディスク 黒丸 丸 中空丸 四角 黒四角 10進数

ボックス属性:

border (ボーダー)
パディング (内側のエッジ) 距離/パディング)

、-上とその他の方向を追加できます

border-radius ボーダーの角丸

box-shadow シャドウ

変形効果:transform

transform-origin は、変換の開始点

none 変換なし

translate (長さの値またはパーセンテージ) translationX translationY 水平方向または垂直方向に移動

scale (値) スケール Skewer トランジションが完了するまでの時間

transition-timing-function はトランジション関数を指定しますイージング効果のデフォルト値は (0.25, 0.1, 0.25, 1.0) です

transition-delay は、トランジションが表示され始めるまでの遅延時間を指定します

@keyframes: アニメーションを定義します

アニメーション