Web制作 - BinaryDevelop

IE8互換性注意事項の独自タッチ

1、IE8 の getElementById は id のみサポートし、name はサポートしない。例えば、 <input type="text" name="txt1"> のような場合です。 IE8で使用：var obj = document.getElementById("txt1"); この時点では、objはnullと等しくなります 2. IE8 の <but

2022-02-03 18:28:37
div 涓巇甈甈ﺒ洋洋甈輸送設備

HTMLのdivを使用していて、ブロックの真ん中にぴったりと収まらず、修正できない場合 1を追加すると * { margin:0; padding:0; } すべてのブロックの間隔を0にし、以下のパディングマージンと競合しないようにします。 2. 上下のdivの間隔上下に間隔をあけて4つのdivを書きましたが、そのコードと効果は以下の通りです。

2022-02-03 17:34:19
[CSSチュートリアル】CSSスタイルをプログラムで処理するサンプルコード

プログラマティック・アプローチのメリット 1. スタイルの散乱を避けるためのグローバルコントロール 2. クリーンコード、高速開発関数型プログラミングは、多くの関数を使用し、コードの繰り返しを減らすので、プログラムは短く、高速開発です 3. 自然言語に近い、理解しやすい関数型プログラミングは非常に自由で、コードの自然言語に近いものを書くことができる

2022-02-03 14:50:09
WEB標準のWebページ構成

ページでは、背景画像や文字の大きさに関係なく、1ピクセルの差がとても目立ちます。最初のページ提出後、多くの問題が発生しましたが、幸いにもチューターが指摘してくれたので、そうでなければそのような問題を感じることはなかったと思います。今後、この点を克服していかなければなりません。ページデザインの視覚的な表示は完璧であるべきです。ページ構成は、読み込んだスタイルをブラウザがブロックした後に、ページの

2022-02-03 14:37:49
[CSSレイアウト例】フレックスレイアウトを使って簡単にページレイアウトを実現するサンプルコード

さっそくですが、コードを見てみましょう。 1. 上段と中段のレイアウト <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt

2022-02-03 13:25:09
[css3】background属性の8つの属性値について解説（インタビュー記事）

CSSにおけるbackgroundのプロパティ値背景色背景画像バックグラウンドリピート背景位置背景アタッチメント合成属性：background:background-color background-image background -repeat background-position background-attachment CSS3

2022-02-03 13:02:49
左上または右上にリマインダーのドットを表示するCSS3サンプルコード[CSSチュートリアル

レンダリング（三角形が必要な場合はここをクリック）。  コード  cut command: mostly used for character interception -d :Specify the separator character -f :Specify the column to be intercepted -c :Specify th

2022-02-03 12:48:53
[css3]css3のtransformの遷移のジッターの問題を解決しました。

transform: scale(); IEで拡大縮小するとジッターが発生する。 transformはIEでジッターになるようにスケーリングします。スケーリングに回転を追加することができます例えば transform: scale(1.2); に置き換えてください。 transform: scale(1.2) rotate(0.1deg); transf

2022-02-03 12:20:34
[CSSチュートリアル] Pure CSS to click to expand もっと読む

注意事項記事一覧のインタフェースを開発する際、必要な情報の基本的な概要を把握するために、記事のヘッダーの一部を表示して #include<stdio.h> #include<curses.h> #include<signal.h> int main() { // WINDOW * new; initscr(); move(LINE

2022-02-03 12:17:28
[CSSチュートリアル】Chromeのフォント最小12px制限の最終解決策

私は多くのウェブサイトのユーザーは、この問題があると信じて、Chromeのデフォルトの最小フォントが12px（英語の最新バージョンもこの問題がある）、これは順序でより良い中国のデザインを表示するには、Chromeのですが、これはいくつかの上付き文字を表示します、下付き文字のフォントが大きすぎる、ユーザーの経験に影響を与えます。Hybid Appを開発しているとき、私は長い間これに悩まされ、Bai

2022-02-03 12:13:27
[CSSチュートリアル]フレックス内のボタンを縦に中央寄せにしない意外な解決法

問題の説明ボタンのスタイルがアイコン＋テキストで、フレックスレイアウトで縦方向の中央寄せを書くと、iphone7のスマホではテキストとアイコンが中央寄せにならず、左側に表示されてしまいます。コードは以下の通りです（流用）。 <button> <img src=". /refresh.png" alt /> {{ confirmButtonTe

2022-02-03 12:07:59
[css3]CSS3トランジションによる通知メッセージ回転バーの実装

Vue版、ファイルにコピーして使えるようにしました <template> <! -- Rotating view --> <div id="carousel-view"> <! -- Rotating list --> <ul id="carousel-list-view" :class="{ 'caro

2022-02-03 09:58:59
[CSSチュートリアル]cssで背景画像の上にテキストを実現する

効果 <div class="imgs"> <! -- background image --> <div class="background"> <img :src="item.voteTime ? imgSrc1:imgSrc2" width="100%" height="100%" alt="" /> &lt

2022-02-03 08:56:58
[CSSチュートリアル】2要素ブレンド効果（スティッキー効果）を実現するCSS）

数年前、携帯電話のタオバオの左下に面白い丸いボタンがあり、それをクリックすると小さなボタンがいくつも現れ、アニメーションが面白かったのを覚えています。では、この効果にはどのようなプロパティが使われているのでしょうか。答えは、主に filter:blur() プロパティと、 filter:strict() プロパティを組み合わせて使うことです。 #include <lo

2022-02-03 08:14:57
[css3]CSS3のtransition-delayプロパティのデフォルト値0を単体で失敗しないように修正。

今日、ラブシェアはCSS3 transition-delay property default value 0 without unit failure【問題解決】をお届けします、お役に立てれば幸いです。 CSS3のtransition-delayは、デフォルト値として0を使用しています。本来、フロントエンドのコード仕様によると、0はmargin: 0; paddingのように単位なしで使

2022-02-03 07:38:14
[CSSチュートリアル]CSSでimg画像を親コンテナdivと適応的なコンテナサイズに埋める

複数の画像がページに導入されている場合、我々は、画像サイズの不整合と同じサイズでそれらを表示するために単一の要求を発生し、我々は直接画像サイズを設定すると、画像の歪みにつながる、これは我々が遭遇する問題である、以下の解決策を参照してください。 <div> <img src="introduced image address" alt=""> <

2022-02-03 07:12:01
shtml インクルードの使用方法

ウェブサイトの一部の公開領域を独立したページにして、この領域のコンテンツを必要とする他のページに埋め込むために使う手法です。メカニズム SSIの仕組みは、静的生成ではなく動的包含で、ユーザーからのリクエストを受けたapacheなどのWebサーバーが、SSI包含命令を解析すると、自動的に包含されたページを取り出し、ページ全体として一緒にリクエストしたページに埋め込んでユーザーに送り、ユーザー

2022-02-03 07:04:52
img画像タグにalt属性を付与する必要はありますか？

img画像タグにalt属性を付与しているか　　画像のimgタグのalt属性は見落としがちです。しかし、その重要性は誇張できるものではなく、ページのアクセシビリティやバリデーションの理由に資するものです。これまで注意を払わなかったので、今こそこれらのalt属性を補う時です。　　1. 画像が利用できない場合、またはダウンロード中でまだ完了していない場合にブラウザが表示する置換タイトルを取得

2022-02-03 06:54:05
[CSSチュートリアル】CSSのラインハイトとハイトを詳しく解説

最近、CSSのインターフェースをやっているとline-heightとheight属性に出会うことが多いのですが、あまり理解できていなかったので、今日はちょっとネットで調べてみました。 https://blog.csdn.net/a2013126370/article/details/82786681 このブロガーは非常に良い記事を書きました。少なくとも私のline-heightとheig

2022-02-03 06:51:16
[CSSチュートリアル】CSS疑似要素を使って、連続する複数の要素のスタイルを制御する

CSS擬似要素で要素を制御する場合、一部の要素のスタイルを変更する必要があることが多く、ウェブ上では1つの変更を制御する方法について書かれたブログが多くありますが、書いているうちに、連続した複数の要素の変更を制御する必要がある場合が多いことに気づきました。擬似要素を使って制御し（:hoverの場合）、マウスをAに合わせるとBCDが・・・・。のスタイルが変化する。 AとBCD...が

2022-02-03 06:18:09

最新

おすすめ