Web制作 - BinaryDevelop

XHTMLコードでのMarqueeタグの使用方法

フォーラムでjeanjean20さんが、Marqueeを規格に準拠するように修正する方法について言及されているのを拝見しました。友人のフォローアップの書き込みを読んで、なかなかいいなと思いました。モデレータのgreengnnは、Marqueeが標準に準拠しておらず、W3Cから見捨てられたと明記していました。友人の中には、「行っても意味がない気がする」「効果は結構あったのに無くなった」と言う人もいま

2022-02-03 06:03:53
[css3]css3 use transform to create walking 2D clock.

学習終了 transform を使って、ケーススタディをしてみましょう。 transform の回転は rotate 時計を作り、JavaScriptのタイマーと組み合わせて動かしてみましょう。動画のスクリーンショットです。事例知識分析。 1. ポジショニングを利用して、時計の図面を完成させましょう。 2. 背景は放射性グラデーションを使用して

2022-02-03 04:52:39
dl,dt,ddはどのような場合に使用するのが適切ですか？

dl：定義リスト定義リスト dt: 定義タイトル定義タイトル dd: 定義の説明定義説明 dtはメッセージのタイトル、ddはメッセージの簡単な要約説明である。これは、dtにはそれを説明するddがあることを意味します ddの中のコンテンツは、画像、テキスト、さらにはビデオやオーディオなど、何でもありです複数の似たようなdtやddはdlを形成するそして

2022-02-03 04:02:07
[CSSチュートリアル】cssのボックスモデルを解説余白のパディングと省略について

上図のように、パディング値は時計回り（上-右-下）の順序で複合属性となり、パディングの内側の余白がボックスサイズの実際の幅と高さに影響を及ぼします。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style t

2022-02-03 03:54:33
HTML小タグ使用上の注意

em></em>のようなフレーズ要素は、期待される視覚的なスタイルを維持しながら、文書構造を改善することができます。しかし、<small></small>は通常のアプリケーションではあまり一般的ではなく、最初の衝撃は、淘宝網はこの小さな問題で怠慢ではないのでしょうか？また、オンライン検索の結果も非常に断片的で、いくつかは推奨されないと述べたが、また非推

2022-02-03 02:28:30
[CSSチュートリアル]なぜheadタグにcssを入れるのか？

考えてみてください。 css に配置されているのはなぜか。 head タグではなく javascript が配置されます。 body をタグの末尾に追加してください。口は災いの元、コードを見せてください。 OK、では結果を得るためのコードを書いてみましょう。ここで、まず chrome コンソールのちょっとしたトリック。制限事項 do

2022-02-03 01:34:56
[css3]テキストタイポグラフィのためのCSS3テキストオーバーフローソリューション

基本的な構文 text-overflow は hight,over-flow:hidden;white-space:nowrap; 属性と組み合わせて使用します。 text-overflow: clip;ellipsis;string。クリップ：表示せずに直接隠す楕円：オーバーフローテキストを表現するために...3つのドットを使用する（共通）文字列：カスタマイズ可能な

2022-02-03 01:07:58
[CSSチュートリアル】Display, Visibility, Opacity, rgba, z-indexのcss。-1差分

私たちはしばしば、ウェブページのいくつかの要素の非表示、透明などのプロパティを制御する必要があります。 <style> .d1{ display: none; } .d2{ visibility: visible; } .d3{ opacity: 0; } </style>

2022-02-02 22:01:45
[CSSチュートリアル]css use negative margin to achieve average layout of example.

均等に配置する場合は、一般的にネガティブマージン方式を使用します。下の画像は、平均的なレイアウトの場合です。通常この場合、親要素と子要素の間にdivを1層追加し、このdivに子要素間の距離の値で負のmargin-rightを設定します。例えば、子要素の幅を100px、子要素を3つ作り、それぞれの子要素のmargin-rightを50pxにすると、親要素の幅は100x3+50

2022-02-02 21:57:32
[css3] css3の擬似クラスについて、共通使用前と共通使用後で説明する。

before/after擬似クラスは、要素内に2つの余分なタグを挿入することに相当し、その最も適した推奨用途はグラフィックス生成です。いくつかの繊細なUI実装では、HTMLコードを簡素化し、可読性と保守性を向上させることができます。この2つの擬似クラスは、海外ではかなりポピュラーで盛んなのですが、我々フロントエンダーには一般的に使う意識がなく、せいぜい「clear float"」の応用の流れに従

2022-02-02 21:37:04
[css3]Webコードのグレーまたはブラックモードを実現するCSS3フィルター(filter)

フロントエンド css3,filterの実装は、Webのグレー効果を実現するだけでなく、ブラックモード効果の実現も支援することができるのです。では、その方法を見てみましょう。 filterプロパティの紹介 filter: なし｜blur() ｜ brightness() ｜ contrast() ｜ drop-shadow() ｜ grayscale() ｜ hu

2022-02-02 20:35:58
[css3] 翻訳効果のあるcss3例（翻訳：translate）

この動きを実現するために、translateパラメータを使用します。 translateX：X軸に平行移動、右側に正の数、左側に負の数を記入 translateY :Y軸に平行移動、下に移動する場合は正の値を、上に移動する場合は負の値を記入します。 translateZ :塗りつぶした値が大きいほど、画像に近い感覚で見ることができ、空の値が小さいほど、画像から遠

2022-02-02 19:47:44
[CSSチュートリアル】cssプロパティ width デフォルト値 width: auto と width: 100% の違いを解説。

幅：自動子要素（content+padding+border+marginを含む）は、親要素のコンテンツ領域全体を満たした状態になります。子要素がmargin、border、paddingを持つ場合、子要素のコンテンツ領域に対応する幅の値を減算する親要素の内容 = 子要素 (内容 + パディング + ボーダー + マージン ) 幅：100 子要素

2022-02-02 19:41:13
[css3]CSS3:overflowプロパティ

1. オーバーフロー overflowはオーバーフロー（コンテナ）のことで、コンテンツがコンテナを超えた場合、overflow属性の値をhiddenにするだけでコンテナからオーバーフローが隠れるようになります。コンテンツを非表示にしたくない場合は、overflow プロパティを auto に設定します。 overflow: auto属性は、範囲外の場合はスクロールバーを表

2022-02-02 19:19:53
[CSSチュートリアル]CSS線形グラデーションの凹型矩形遷移の動的効果

この記事では、凹型矩形の線形グラデーション遷移効果の難しさとアイデアについて、主に凹型矩形の実装、凹型矩形への線形グラデーションの追加、線形グラデーションの背景色の遷移について説明します。もし、もっと良い実装があれば、コメント欄で私と議論してください。トップ画像凹型の矩形を実装するこのスタイルのヒントになったのは、cssを使って角の凹みを実

2022-02-02 19:17:18
[ブラウザ互換性チュートリアル】クロスドメイン実装を可能にする新版chromeブラウザの設定について

プリアンブル現在、フロントエンドはクロスドメインを解決しており、主にwebpackのdevServerを利用して設定しています。しかし、開発環境ではdevServerが設定されておらず、バックエンドがクロスドメインの設定をしていないことがあります。フロントエンドとバックエンドの分離プロジェクト、ローカルでのデバッグコードでは、しばしばクロスドメインの問題が発生します。この記事は、

2022-02-02 18:55:33
[CSSチュートリアル】ピュアCSSでロウソクの溶ける（水滴）を実現するサンプルコード

効果の実現実装のアイデアフィルターフィルタのコントラストとぼかしを利用して、溶けるような効果を実現しました。親要素にコントラスト、子要素にぼかしを設定することで、ぼかし効果を実現しています。コード <!DOCTYPE html> <html lang="en"> <head> <meta c

2022-02-02 18:46:37
[CSSチュートリアル】CSSで粘着効果をつけてみる方法

の前に書く filter:blurとfilter:contrastがこんなに素晴らしい相性を見せることを誰が最初に発見したのかは知りませんが、そんなことはどうでもよくて、重要なのは、この効果の使い方を覚えれば、あなたのページにクールな効果を加えることができる！ということです。それでは、2つの小さなデモから始めましょう。デモどうやるんですか

2022-02-02 17:54:23
[CSSチュートリアル】SCSS50%スタイルコード削減のための14の実践レッスン

前書き SassはCSS3言語の拡張で、より良いスタイルシートをより少ない労力で書くことができ、重複した作業から解放され、よりクリエイティブな作業ができるようになります。変化をより早く受け入れることができるため、デザインの革新も敢行できるようになります。Sassの構文は比較的シンプルですが、難しいのは、Sassを実際のプロジェクトにどのように適用し、CSSのペインポイントを解決し、

2022-02-02 17:38:32
[CSSチュートリアル]スクロールバーを非表示にし、サンプルコードの内容をスクロールすることができますするCSS

プリアンブルページのhtml構造が多くのボックスを入れ子にしている場合、複数の縦スクロールバーを含むページになってしまうことがあります。これはページのスタイルに影響を与えるので、スクロールをサポートしながらスクロールバーを隠す必要があり、ここではcssを使用してそれを行う2つの方法を紹介します。方法1：スクロールバーの幅を計算し、非表示にする原理：外

2022-02-02 17:04:34

最新

おすすめ