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

Oct 20, 2016 pm 01:23 PM

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 までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

HTMLは初心者のために簡単に学ぶことができますか? HTMLは初心者のために簡単に学ぶことができますか? Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTML、CSS、およびJavaScriptの役割:コアの責任 HTML、CSS、およびJavaScriptの役割:コアの責任 Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLでの開始タグの例は何ですか? HTMLでの開始タグの例は何ですか? Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

HTML、CSS、およびJavaScriptの理解:初心者向けガイド HTML、CSS、およびJavaScriptの理解:初心者向けガイド Apr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Giteeページ静的なWebサイトの展開に失敗しました:単一のファイル404エラーをトラブルシューティングと解決する方法 Apr 04, 2025 pm 11:54 PM

GiteEpages静的Webサイトの展開が失敗しました:404エラーのトラブルシューティングと解像度Giteeを使用する

WebアノテーションにY軸位置の適応レイアウトを実装する方法は? WebアノテーションにY軸位置の適応レイアウトを実装する方法は? Apr 04, 2025 pm 11:30 PM

Y軸位置Webアノテーション機能の適応アルゴリズムこの記事では、単語文書と同様の注釈関数、特に注釈間の間隔を扱う方法を実装する方法を探ります...

CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? CSS3とJavaScriptを使用して、クリック後に周囲の写真を散乱および拡大する効果を実現する方法は? Apr 05, 2025 am 06:15 AM

画像をクリックした後、散乱と周囲の画像を拡大する効果を実現するには、多くのWebデザインがインタラクティブな効果を実現する必要があります。特定の画像をクリックして周囲を作成してください...

Routerフォルダーの下のindex.jsファイルでvue.use(vuerouter)を呼び出す必要があるのはなぜですか? Routerフォルダーの下のindex.jsファイルでvue.use(vuerouter)を呼び出す必要があるのはなぜですか? Apr 05, 2025 pm 01:03 PM

Vueアプリケーションを開発するときに、ルーターフォルダーの下にindex.jsファイルにvuerouterを登録する必要性があるため、ルーティング構成で問題が発生することがよくあります。特別...

See all articles