Sublime / vscode による HTML コード生成の迅速な実装
基本的なHTML構造!+Enterを入力
<!DOCTYPE html>
<html lang="ja">
<ヘッド>
<メタ文字セット="UTF-8">
<meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
<meta http-equiv="X-UA-compatible" content="ie=edge">
<title>ドキュメント</title>
</head>
<本文>
</本文>
</html>div とクラス名のショートカット キーを生成するdiv.list>div.item_$*6 を入力
<div class="list">
<div class="item_1"></div>
<div class="item_2"></div>
<div class="item_3"></div>
<div class="item_4"></div>
<div class="item_5"></div>
<div class="item_6"></div>
</div>クラス名を持つdivdiv.wrapperを入力 <div class="wrapper"></div> ID 付き divdiv#ラッパー <div id="ラッパー"></div> 財産[]span[title="テスト"] <span title="テスト"></span> 子孫>div>span>aと入力 <div><span><a href=""></a></span></div> ブラザーズ+div+p+span <div></div> <p></p> <span></span> 優れている^div>span^i <div><span></span></div> <i></i> 乗算*ul>li*2
<ul>
<li></li>
<li></li>
</ul>文章{}div>span{これはテストです} <div><span>これはテストです</span></div> 自己増分記号 $ul>li.list_${リスト$}*3
<ul>
<li class="list_1">リスト 1</li>
<li class="list_2">リスト 2</li>
<li class="list_3">リスト 3</li>
</ul>ul>li.item$@3*3 “@3” (カウントが3から始まることを示します)
<ul>
<li class="item3">リスト 1</li>
<li class="item4">リスト 2</li>
<li class="item5">リスト 3</li>
</ul>暗黙的な変換。クラス <div class="class"></div> ul>.アイテム
<ul>
<li class="item"></li>
</ul>表>.行>.列
<テーブル>
<tr クラス="行">
<td class="col"></td>
</tr>
</テーブル>Sublime/VSCode で HTML コードを素早く生成する方法についての記事はこれで終わりです。VSCode で HTML を素早く生成する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: HTML ページをズームアウトした後にスクロール バーを表示するためのサンプル コード
>>: HTML スライドフローティングボールメニュー効果の実装
推薦する
Reactにおけるコンポーネント通信の詳細な説明
目次親コンポーネントは子コンポーネントと通信します子コンポーネントは親コンポーネントと通信しますコン...
JS ループで async と await を正しく使用する方法
目次概要（ループモード - 共通）配列と非同期メソッドを宣言して反復するforループで使用するマップ...
MySQL 5.7 の sql_mode のデフォルト値によって生じる落とし穴と解決策
通常のプロジェクト開発中に、MySQL バージョンが 5.6 から 5.7 にアップグレードされた場...
Linux環境でのDockerインストールチュートリアル
1. 設置環境Dockerは次のCentOSバージョンをサポートしていますCentOS 6.5 (6...
axios リクエストのカプセル化に基づく Vue アプリケーションのサンプルコード
目次axiosとは何ですか? Axios リクエストタイプ? Axiosはデフォルトのカスタム構成を...
CSS3 シンプルカットカルーセル画像実装コード
実装のアイデアまず、親コンテナーを作成し、2 つの順序なしリストを使用して、柔軟なレイアウトで親コン...
Docker クリーニングキラー/Docker オーバーレイ ファイルがディスク領域を大量に占有する
[インターネット上の移行ファイルをすべて見ると、信頼性が低く、症状のみを治療し、根本的な原因を治療し...
JavaScript はチェックボックスの選択機能を実装します
この記事の例では、すべてのチェックボックスの選択を実現するためのJavaScriptの具体的なコード...
Linuxでディレクトリを効率的に切り替える方法
Linux でディレクトリを切り替えるとなると、誰もが間違いなくcdコマンドを思い浮かべるでしょう。...
mysql8.0.11 winx64 のインストールと設定方法のグラフィック チュートリアル (win10)
mysql 8.0.11 winx64のインストールチュートリアルは以下のように記録され、みんなと...
Linuxにソフトウェアをインストールするいくつかの方法の詳細な説明
1. RPM パッケージのインストール手順: 1. soft.version.rpm などの対応する...
手の動きをリアルタイムで監視するための Handtrack.js ライブラリ (推奨)
【はじめに】: Handtrack.jsは、ブラウザ上で直接リアルタイムの手の動きの追跡と検出を実...
バッチモードでtopコマンドを実行する方法
top コマンドは、Linux システムのパフォーマンスを監視するために誰もが使用している最適なコマ...
MySQL の日付と時刻の加算と減算のサンプル コード
目次1.MySQLは時間間隔を加算または減算します2. 日付を減算する最近、MySQL を見直してい...
CSS コンテンツ属性を使用して、マウスホバープロンプト (ツールチップ) 効果を実現します。
なぜこのような効果を実現するのでしょうか。実は、この効果もタイトルプロンプトから派生したものですが、...