


質問があります: ul li と書かれたナビゲーション バーにドロップダウン メニューが表示されないのはなぜですか? 皆さんありがとう_html/css_WEB-ITnose
CSS コード:
* {
margin:0;
パディング:0;
リストスタイル:なし;
}
本文{
背景:#f0f0f0;
カラー:#999;
フォントサイズ:12px;
フォントファミリー:「Lucida Grande」、Arial、サンセリフ;
行の高さ:1.5em;
オーバーフロー-y:auto;
オーバーフロー-x:自動;
}
img {
border:0;
}
a {
color:write;text-decoration:none;
bblr:expression(this.onFocus=this.blur());
概要:なし。
}
li {list-style:none;}
.logo_box{ width:399px; 高さ:100ピクセル; align:left;float:left;}
.logo_box a{font-size:1.2em;Line-height:1.8em}
.top_right{ width:500px; float:right;}
.hydl_box{ width:500px; テキスト整列:右; 高さ:12ピクセル; 行の高さ:12px; color:#999999;}
.hydl_box a{color:#999999;}
.clearfix:after {
content:".";
表示:ブロック;
高さ:0;
クリア:両方;
可視性:非表示;
}
.topNav {
位置:相対;
z インデックス:1;
高さ:40ピクセル;
行の高さ:40px;
背景: url(../images/nav_bg.JPG) repeat-x 左上;
フォントファミリー:「Lucida Grande」、Arial、サンセリフ;
フォントサイズ:12px;
}
.topNav-width {
width:1640PX;
高さ:40ピクセル;
マージン:0 自動;
}
.topNav h3 {
font-weight:normal;
フォントサイズ:12px;
}
.topNav .tnLeft {
float:left; ;
}
.topNav li {
float:left;
位置:相対的;
}
.topNav li h3 {
float:center;
フォントの太さ:標準;
フォントサイズ:12px;
}
.topNav li h3 a {
display:inline-block;
*表示:インライン;
ズーム:1;
フォントサイズ:12px;
高さ:14ピクセル;
行の高さ:14px;
パディング:13px 20px;
color:white
}
.topNav li h3 a i {
display:inline-block;
幅:8ピクセル;
高さ:5ピクセル;
余白:0 0 0 5px;
オーバーフロー:非表示;
垂直配置:中央;
フォントサイズ:12px;
行の高さ:13px;
背景:url(images/nav_bg.JPG) 0 -61px 繰り返しなし;
}
.topNav li h3 a:hover,.topNav li.on h3 a {
background:#1C86EE;
}
.topNav .welcome {
padding-right:15px;
色:白;
}
.topNav .welcome a {
color:white;
}
.topNav li ul {
表示:なし;
位置:相対的;
左:0;
ボーダー:1px solid #CDC9C9;
ボーダートップ:0;
背景:#1C86EE;
-moz-box-shadow:3px 3px 3px rgba(0,0,0,.1);
-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.1);
box-shadow:3px 3px 3px rgba(0,0,0,.1);
}
.topNav li ul li {
line-height:31px;
}
.topNav li ul li a {
display:block;
色:白;
パディング:0 15px;
}
.topNav li ul li a:hover {
background:#CFCFCF;
色:白;
}
.topNav li ul li a span {
color:white;
margin-left:5px;
}
/*
.body{
位置:相対;
}
*/
.foot_box{ width:100%; 背景:url(../images/foot_bg_03.jpg) repeat-x; 高さ:36px;}
.foot_con{ 幅:1000px; マージン:0 自動; テキスト整列:右; 色:#FFF; 高さ:32ピクセル; line-height:32px;}HTML コード:
ontent-Type" content="text/html; charset=UTF-8">
src="../javascript/jquery.SuperSlide.2.1.js">
頭>

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

htmlisnotaprogramminglanguage; itisamarkuplanguage.1)htmlStructuresandformatswebcontentusingtags.2)ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1)htmlは、などのタグを介してドキュメント構造を整理します。 2)ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3)マルチメディア関数を強化するなど、HTML5の新機能。 4)一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5)最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

webdevelopmentReliesOnhtml、css、andjavascript:1)htmlStructuresContent、2)cssStylesit、および3)Javascriptaddsinteractivity、形成、

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

メモ帳++7.3.1
使いやすく無料のコードエディター

WebStorm Mac版
便利なJavaScript開発ツール

Dreamweaver Mac版
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)
