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 スライドフローティングボールメニュー効果の実装
推薦する
winx64 での mysql5.7.19 の基本的なインストール プロセス (詳細)
1. ダウンロード参考: https://www.jb51.net/softs/451120.ht...
InnoDB の主な機能 - 挿入キャッシュ、2 度書き込み、適応ハッシュ インデックスの詳細
InnoDB ストレージ エンジンの主な機能には、挿入バッファ、二重書き込み、適応ハッシュインデック...
フラットスタイルを使用してウェブサイトをデザインする方法
フラットなウェブサイト構造の本質はシンプルさです。コンテンツの重要なポイントを強調し、ページの装飾効...
MySQL 5.7.17 のインストールと設定のグラフィックチュートリアル
ブロガーはこう述べています。「私は『史上最も簡単な MySQL チュートリアル』という一連のブログ記...
mysql8.0.21 のダウンロードとインストールに関する詳細なチュートリアル
公式ウェブサイトアドレス: https://www.mysql.com/インストールの提案: インス...
Linux インデックスノード inode の詳細な説明
1. inodeの紹介inode を理解するには、まずファイル ストレージから始める必要があります。...
LeetCode の SQL 実装 (175. 2 つのテーブルの結合)
[LeetCode] 175.2つのテーブルを結合する表: 人物+-------------+--...
js でクラスセレクターと名前属性セレクターを実装する手順の例
jQuery の登場により、DOM の操作効率が大幅に向上し、開発がより高いレベルに引き上げられまし...
10秒以内にMySQLデータベースに数百万件のレコードを挿入する実装
まず、次の質問について考えてみましょう。このような膨大な量のデータをデータベースに挿入するには、通常...
Linux の Makefile とは何ですか? どのように機能しますか?
この便利なツールでプログラムをより効率的に実行およびコンパイルしますMakefile は自動コンパイ...
パーティクルダイナミックボタン効果を実現するCSS
オリジナルリンクhttps://github.com/XboxYan/no…ボタンは、おそらく We...
CSS ですべての子要素を選択し、スタイルを追加する方法
方法：実際のプロジェクトを例に挙げてみましょう。 .lk-ツールバー{ .el-入力{ 幅: 169...
Nginx 構成の実装 https
目次1: https証明書を準備する2: nginx sslモジュールを準備する3: SSL証明書を...
mysql の認証、起動、およびサービスの起動のための一般的なコマンド
1. 4つの起動方法: 1.mysqld MySQL サーバーを起動します: ./mysqld --...
HTML 選択タグにおける単一選択と複数選択の詳細な説明
select 要素は、単一選択または複数選択のメニューを作成します。フォームが送信されると、ブラウザ...