一部のタグはブラウザーによって表示が異なります。
ディスカッション（解決策）への返信
たとえば、それはどのタグであり、どのブラウザでは異なりますか？
まさか、
えっと、外側の余白、内側の余白、枠線のサイズのことですか？
CSS を使用して統一するだけです。
ということですか？
そうですね、外側のマージン、内側のマージン、境界線のサイズのことですか?
CSS を使用して統一するだけです。
ということですか？
フォント表示~~~~~~~~~~~~~
同じ設定で、例えば ul 200px li 100px li120px
chrome では 2 行表示されます
ie6 では 2 番目の li はその一部を表示します
これは問題ありませんが、奇妙なことに、IE8 では「half a word」が表示されます
コードと対応する CSS 設定を投稿していただけますか
それらのいくつかはラベルの問題ではなく、原因である可能性があるためです。 CSS です。ここにあります
コードと対応する CSS 設定を送っていただけますか
ラベルの問題ではないものもあるため、CSS が
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>ul{ width:450px;margin:0px;padding:0px;display:block;overflow:hidden;} li { list-style:none; margin-right:5px; padding:0px; height:18px; float:left; display:block; overflow:hidden;}</style></head><body><ul><li>能不能发下，你这块的代码，和相应的CSS设置</li><li>因为有的并不是标签的问题，可能是CSS影响到了</li></ul></body></html> に影響を与える可能性があります width を設定せずに float を実行するにはどうすればよいですか。もっと読んでください。何冊か本を読んでください
幅を設定せずに float を使用するにはどうすればよいですか? 兄弟、もっと本を読んだほうがいいです
はい、幅を設定していません。設定するのは簡単です
あると思いますか?この問題に対するより良い解決策はあるだろうか？幅を設定せずに~~
chrome~~
のように、li の行全体を強制的に 1 行に変更する方法はありますか? または、ie6 のように行を変更せず、改行せずに半文字ie8 では表示される可能性があります
主な理由は、2 番目の li が複数行で表示されるため、オーバーフローを削除するとテキストが複数行になることがわかります。 。
改行を防ぐコントロールを追加するだけです。 。
white-space: nowrap;
li に上記の属性を追加してみてください。
上記のものを追加するだけですが、IE7 ではまだ問題があり、li のオーバーフローを削除する必要があります。
主な理由は、2 番目の li が複数行で表示されていることです。オーバーフローを削除すると、テキストが複数行になることがわかります。 。
改行を防ぐコントロールを追加するだけです。 。
white-space: nowrap;
li に上記の属性を追加してみてください。
上記のものを追加するだけですが、IE7 ではまだ問題があり、li のオーバーフローを削除する必要があります。
コードを書くのはなぜこんなに面倒なのですか! ！ ！ ！ ！ ！
ホワイトスペース: nowrap; 半文字の問題を解決しましょう!
float を使用しない場合、li はラップしません。なぜ強制行ラップが必要ですか?
float を使用しない場合、li はラップしません。 . なぜまだ強制ラッピングを使用するのですか?
li の float 属性を削除するだけです
IE7 では動作しないとのことですが、互換性をテストするツールはありますか?
IE のデバッグ パネルを開くと、その 1 つが次のとおりです: ドキュメント モード。Web ページの解析に使用する IE のバージョンをクリックします。
と違いがわかります
ありがとうございます!
コードを書き始める方法を教えてください。ツールでもコード自体でも、私はいつもそれほど快適ではないと感じます〜
デザインが良くない限り。
これは CSS であり、コードはカウントされません。基本的には誰もそれを望んでいません。
デザインがよければ別ですが。
よくわからない〜！
コードを書くのは絶望的ですね〜？ ? ?
これは IE9 のみにあり、IE9 以降のブラウザーにはこれがあると推定されます。
コード入門:
まず、最も基本的なものについては、W3CSchool にアクセスしてください。十分な時間があれば、これらの基本を学ぶことができます 上手にプレイすることが最も重要です。
CSS だけなら、私は本当に良い本を知りません。JavaScript なら、タオバオのフロントエンドチームが翻訳した『JavaScript Authoritative Guide』がとても良いです。時間があれば、この本を強くお勧めします。この本は何度か読んでみてください、一度読んだだけでは理解できないことがたくさんあります。
次に、コードを書く時間です。情報を読むときに、コードを書くのが苦手だから、すべての例を自分で書いてみてください。同時に、編集ツールについては、最初はプロンプト機能のないエディター (Notepad++、プロンプトなし、構文強調表示付き) を使用できると思います。これらのことを学び始めたばかりの場合は、それらを作成する必要があるためです。 1 つずつ覚えておくと、記憶力が高まり、理解にも役立つはずです。
コード自体に関しては、最初は関数の実装に集中してください。コードの最適化方法については、ゆっくりと実行する必要があります。
ある人のブログ、http://www.zhangxinxu.com/wordpress/ をおすすめしたいと思います。この人の CSS は非常に強力です。今後チェックしてください。
フロントエンド開発のこの側面は始めるのは簡単ですが、改善するのは難しいため、時間があれば適切な基礎を築くことをお勧めします。基本はとても大切です。
私も個人的にはそう思います。
コード入門:
まず、この言語の構文を理解する必要があります。十分な時間があれば、まず W3CSchool にアクセスしてください。これらの基本を学ぶことができます 上手にプレイすることが最も重要です。
CSS だけなら、私は本当に良い本を知りません。JavaScript なら、タオバオのフロントエンドチームが翻訳した『Definitive Guide to JavaScript』がとても良いです。時間があれば、この本を強くお勧めします。 、何度か読んでみると、一度読んだだけでは理解できないことがたくさんあります。
次に、コードを書く時間です。情報を読むときに、同時にすべてのサンプルを書くようにしてください。 、編集ツールについては、最初はプロンプト機能のないエディター (Notepad++、プロンプトなし、構文強調表示あり) を使用できると思います。これらのことを学び始めたばかりの場合は、1 つずつ記述する必要があるためです。覚えやすくなるだけでなく、理解にも役立つはずです。
コード自体に関しては、最初は関数の実装に集中してください。コードの最適化方法については、ゆっくりと実行する必要があります。
ある人のブログ、http://www.zhangxinxu.com/wordpress/ をおすすめしたいと思います。この人の CSS は非常に強力です。今後チェックしてください。
フロントエンド開発のこの側面は始めるのは簡単ですが、改善するのは難しいため、時間があれば適切な基礎を築くことをお勧めします。基本はとても大切です。
私も個人的にはそう思います。
そうだね〜ありがとう〜
li の float 属性を削除するだけです
必要ないと言いました。 IE7で動作します～互換性をテストするツールが何か間違っていますか？
ietest を使用して ie の互換性をデバッグできます
HTML、CSS、およびJavaScriptの未来：Web開発動向Apr 19, 2025 am 12:02 AMHTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。
HTML：構造、CSS：スタイル、JavaScript：動作Apr 18, 2025 am 12:09 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。
HTMLの未来：ウェブデザインの進化とトレンドApr 17, 2025 am 12:12 AMHTMLの将来は、無限の可能性に満ちています。 1）新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2）Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3）パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。
HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AMWeb開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。
HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AMhtmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。
HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AMHTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。
テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AMHTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。
HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AMwebdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
