ホームページ  >  記事  >  ウェブフロントエンド  >  html5タグcss3の一般的なスタイル

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

高洛峰
高洛峰オリジナル
2016-10-20 13:23:551640ブラウズ

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

Baidu

href: パス html5タグcss3の一般的なスタイル
src: 画像パス

タグ属性
境界線
セルスペーステーブルの外側のマージン
セルパディングテーブルの内側のマージン
位置を揃える
Bgcolor: 背景色
背景: 背景画像
枠線の色: 表の枠線の色

列が2列にまたがる

行が行にまたがる

型 値

テキスト テキスト

パスワード パスワード

ラジオの単一選択

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

リセットリセット

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

送信送信フォーム

画像グラフィック送信

ボタン通常ボタン

グループドロップダウン

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

font, font size:

font (省略形)

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


フォントカラー:

color

opacity(透明度css3)


行間、配置など:

line-height (行の高さ)

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

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

text-shadow シャドウ

text-indent


背景属性:

background (省略形)

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



よく使われるリスト

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

ボックス属性:

margin (マージン/ボーダー) 主に上記、1、2、4の値を記述できます

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: アニメーションを定義します

アニメーション

りー

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:文字間隔次の記事:文字間隔