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 スライドフローティングボールメニュー効果の実装
推薦する
MacOS で Docker を使用して MySQL マスター スレーブ データベースを作成する方法
1. MySQLイメージを取得するターミナルから最新のMySQLイメージを取得するdocker pu...
Ubuntu Server 16.04 MySQL 8.0 のインストールと設定のグラフィックチュートリアル
Ubuntu Server 16.04 MySQL 8.0 のインストールと設定のグラフィックチュー...
ドラッグ位置プレビューを実装するネイティブJS
この記事では、要素をドラッグするときにプレビューを追加する小さなデモを紹介します。効果は次のとおりで...
互換性を維持しながら他のウェブページのデータを適用する iframe の使い方
以下は、Shiji Tiancheng が Tencent KartRider ページを呼び出すため...
CSSはヒントボックス、バブルボックス、三角形を作成します
場合によっては、ページにプロンプト ボックスやバブル ボックスが必要になることがあります。CSS...
JSはリクエストディスパッチャーを実装する
目次抽象化と再利用シリアルセグメントシリアル、セグメントパラレル要約するはじめに: JS は当然並列...
カルーセル例の JS 実装
この記事では、カルーセルチャートの小さなケースを実装するためのJSの具体的なコードを参考までに共有し...
mysql 8.0.16 winx64 および Linux でルート ユーザーのパスワードを変更する方法
データベースへの接続などの基本的な操作はご自身で行ってください。この記事ではパスワードの変更方法を中...
主キーを追加または変更するMySQL SQL文操作
テーブルフィールドを追加する テーブルtable1を変更し、トランザクタvarchar(10)をNu...
Docker Swarm を使用して分散クローラー クラスターを構築する例
クローラーの開発プロセス中に、クローラーを複数のサーバーに展開する必要がある状況に遭遇したことがある...
mysql バックアップ スクリプト mysqldump の使い方の詳細な説明
この記事では、参考までにMySQLバックアップスクリプトを紹介します。具体的な内容は次のとおりです。...
JenkinsのLinuxインストール手順と各種問題解決（ページアクセス初期化パスワード）
1. Java環境jdk1.8を準備するJavaがインストールされているかどうかを確認します。イン...
Linuxで$を#に変更する方法
このシステムでは、# 記号は root ユーザーを表し、$ 記号は通常のユーザーを表します。では、ど...
NavicatがMySQL8.0.11に接続するとエラー2059が発生する
間違いNavicat Premium を使用して MySQL に接続すると、次のエラーが発生します。...
MySQLのネクストキーロックのロック範囲についての簡単な説明
序文ある日、突然 MySQL の次のキー ロックについて尋ねられ、私の即座の反応は次のようなものでし...