HTML/Xhtml - BinaryDevelop

トップナビゲーションバーメニュー作成用HTML+CSS

でナビゲーションバーが作成されます。技術的要件  CSS HTML各種タグ実装の目的。ナビゲーションバーメニューを作るコード解析  基本スタイルのクリアシーケンス原点削除なしアンダースコア削除デフォルトでテキストを中央揃えにするタグはブロックレベル要素を設定します。ステートモディフ

2022-01-21 09:25:03
html のリストボックス、テキストフィールド、ファイルフィールドのコード例

ドロップダウン・ボックス、テキスト・フィールド、ファイル・フィールド上記はデモ効果で、下記はコードです。 <form method="get" action="result.html"> <! --input:Input box tag, default is text, text box name: a name for the input box,

2022-01-21 09:20:38
ピュアhtml+cssでの要素読み込み効果

Element UIのローディングコンポーネントのイメージです。カッコイイですね！実現させましょう。分析アニメーションは2つのパートで構成されています。青い円弧は、点から円に伸び、円から点に縮む。円の親ノードが円と一緒に回転するコード html <svg viewBox="25 25 50 50" class="box"&g

2022-01-21 08:43:14
htmlでvue-routerを使用するためのサンプルコード

vueとvue-routerの紹介 <script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 完全な例 <!DOCTYPE

2022-01-21 08:08:22
Html階層型ボックスシャドウ効果サンプルコード

まず最初に、今日はこのエフェクトをやってみよう！ということで、このエフェクトの使い方を紹介します。本当に何でもないことなんですが、Webページを作っていると、ナビゲーションバーなどを作ることがよくありますが、そのナビゲーションバーがいつも立体的でないと感じることがあるので、今日は見てみましょう！ということでシェアします。 <!DOCTYPE html&

2022-01-21 06:10:05
HTMLドラッグ＆ドロップコード

vueをベースとしたこの機能のコアとなるアイデアは、JavaScript コードによってページ上のノードの左と上のマージンを制御することであり、異なるスタイルのポジショニングのための異なるソリューションが存在するこのソリューションでは import turtle as T import random import time # Draw the trunk of the ch

2022-01-21 02:45:02
html ページの文字セットを指定する2つの方法

1. htmlでページの文字コードを指定する2つの方法　　方法1 <div style="position: relative;"> <div> <a>font</a> </div> <div style="position:absolute;right:0px;">

2022-01-21 02:34:09
フロントエンドページのポップアップマスクは、ページのスクロールを無効にします。

フロントエンド開発者がよく遭遇する問題として、ユーザーに情報を促すポップアップボックスの作成があります。このとき、グレーのマスクレイヤーがページのコンテンツをブロックし、ページ全体がマスクレイヤーに覆われてクリックやスクロールができない状態になることがよくあります。オプション1：コントロールオーバーフローでスクロールを無効化（iosは非対応） PCでこの効果を出すの

2022-01-21 02:33:12
HTMLで入力ボックスを純粋な数値に制限する

制限する input 入力ボックスには純粋な数字しか入力できません。 1. onkeyup = "value=value.replace(/[^\d]/g,'')" 使用方法 onkeyup イベントには bug 中国語入力メソッドで文字を入力する場合、文字 2. onchange = "value=value.replace(/[^\d]/g,'')

2022-01-21 02:13:18
HTMLテーブルのテーブル分割とマージ（colspan, rowspan）

コードデモ水平マージ。 <!DOCTYPE html PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" co

2022-01-21 01:59:16
HTMLファイルに外部CSSファイルを導入する際のパスのまとめ

I. 外部CSSファイル導入のための基本スタイル通常2つの属性を書くところを、< link>タグで外部スタイルシートを導入する。 href属性はcssファイルへのパスを示します。 rel="stylesheet"は、現在のページとhrefで指定された文書との関係を記述しています。つまり、hrefでリンクされている文書は新しいスタイルシートです SELEC

2022-01-21 01:10:31
HTMLページを縮小した後にスクロールバーを表示するサンプルコード

ここでは、縮小されたHTMLページの下部にスクロールバーを表示させ、縮小されたインターフェイスによって隠された領域をスクロールできるようにする方法を説明します。こうすることで得られるメリットについて、ひとこと。まず、一般的にスクロールバーなしでインターフェイスを縮小すると、ユーザーは隠れた領域にアクセスできず、そのためにはインターフェイスを大きくする必要があります。次に、

2022-01-21 01:03:49
フォームのチェックボックスとラジオのテキストアライメントコード

type="radio" と type="checkbox" のような整列の問題、テストブラウザ：ie7+/firefox8.0 原理：font-family の最初のフォントを Verdana に設定する。テストコードは以下の通りです。コピーコードコードは以下の通りです。 <!DOCTYPE html PUBLIC "-/W3C//DTD XHTML 1

2022-01-16 21:42:24
HTMLタグのオーバーフロー処理は

CSSでスクロールバーを変更する 1. オーバーフローコンテンツのオーバーフロー時の設定 overflow-x 水平方向のコンテンツのオーバーフローに関する設定 overflow-y 垂直方向のコンテンツのオーバーフローに関する設定上記3つのプロパティには、visible（デフォルト）、scroll、hidden、autoの値が設定されています。 2. scrollbar-3

2022-01-16 21:39:14
HTML 相対パス・絶対パス徹底理解講座

javaのWeb開発も1年以上、どうしてもhtmlやjspページなどを書かなければならず、Webアプリケーションは、そのハイパーリンク（ハイパーリンク）、例えば、ページ内のページb（つまり、URI）にリンクアドレスを保存するには強力ですが、問題はまさにここで、どのように正しくファイルを参照することである。例えば、HTMLページ内でハイパーリンクとして他のHTMLページを参照するにはどうすればよいの

2022-01-16 19:59:42
htmlフォームの「参照」ボタンをファイルアップロードに変更する方法

コピーコードコードは以下の通りです。 <!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-

2022-01-16 19:47:04
htmlと埋め込みFlashの両方にスクロールバーがある場合の解析と対処法

開発業務では、このような状況によく遭遇します。 A.swfがウェブページに追加され、a.swfとhtmlページの両方にスクロールバーがある。プロジェクトマネージャーはBTから、a.swfのマウスがスクロールしたときにhtmlページがスクロールしないように処理すること、またはその逆を行うことを要求されています! どうすればいいのでしょうか？方法1 : 1. a.swfのスクロール

2022-01-16 19:44:24
this.parentNode.parentNode(親ノードの親ノード)とは何ですか？

親ノードの親は、例えば、次のような段落です。 HTMLでコピーコードコードは以下の通りです。 <form id="form"> <div id="divA"> <div id="divB"> <input type="button" value="delete" onClick="deleteMe(this.pare

2022-01-16 18:15:42
HTML theadタグの定義と使い方の詳細

コピーコードコードは以下の通りです。 <thehead> <! -Take the first two lines as the head area -> <tr> <td rowspan="2″></td> <td rowspan="2″></td> <td rows

2022-01-16 17:49:19
各ブラウザのhrタグに関する注意点

一般にはほとんど目にすることのない人事ですが、ひとたび目にすれば、生死を左右することもあります。ここでは、写真を添付する代わりに、参考までに列挙しておこう。 <テーブル通常ブラウザ IE6、7 ファイアフォックス実際の高さ高さ + 右の枠線幅 + 左の枠線幅高さ高さ背景色背景色 backgroun

2022-01-16 17:37:21

最新

おすすめ