CSS 演習問題

こんにちは、LabEx へようこそ！この最初の実験では、CSS での古典的な「Hello, World!」プログラムを学びます。

この実験では、HTML と CSS を使用して 3D 回転立方体を作成します。この立方体はカラフルな面を持ち、無限に回転し、視覚的に魅力的な効果を生み出します。このプロジェクトをゼロから構築するための各ステップを案内します。

ペット愛好者のための仮想的な聖地である「ペットの家」の賑やかな世界で、クリエイティブなウェブデザイナーであるテイラーは、ウェブサイトに生命を吹き込む旅に出ます。

この実験では、基本的な CSS 技術とセレクタを使って、ペットサービスのスタイリッシュなウェブサイトを作成するという役割を担うウェブ開発者になります。

プレミアムなペットケアサービスを提供する「ペットの家」という賑やかなデジタルの世界で、才能あるウェブデベロッパーである Jordan は、ウェブサイトのレイアウトとデザインを向上させる任務を与えられています。

賑やかな街ペットビルにおいて、ウェブ開発者のジョーダンは、「ペットの家」ウェブサイトの再設計を依頼されています。

ペット愛好家のための仮想の世界である「ペットの家」で、ウェブ開発者のアレックスは、CSS グリッドを使ってサービス紹介を刷新する探求に乗り出します。

この実験では、アレックスの個人向けの収支追跡アプリケーションの開発が進み、高度なイベントハンドリング技術を使ってアプリケーションのインタラクティビティを向上させる段階に入ります。シーンは、テックスタートアップのブレインストーミングセッションで設定されており、アレックスは収支記録を並べ替えるためのドラッグアンドドロップ機能の追加を提案しています。この野心的な目標は、ユーザーに記録を整理する直感的な方法を提供し、個人向けの収支管理の流動的な性質を反映しています。これを達成するには、アレックスが高度な DOM イベントを探索し、視覚的に魅力的でユーザーフレンドリーな方法で要素を操作する必要があります。

この実験では、コンテンツ、パディング、ボーダー、マージンを含む CSS ボックスモデルの基本と、box-sizing を使用した要素サイジングの制御方法を学びます。

この実験では、色の設定、画像の追加、およびそれらの位置と繰り返し制御を含む、さまざまな CSS の色と背景プロパティを適用して、ウェブページ要素をスタイルする方法を学びます。

この実験では、外部スタイルシートの作成方法や、HTML ドキュメントにリンクしてページのフォントを変更する方法など、CSS の基本を学びます。

この実験では、HTML 要素のスタイル設定のために、要素、クラス、ID、グループ化、子孫セレクターを含む CSS セレクターの基本を学びます。

この実験では、テキストの色、フォントサイズ、フォントの太さ、配置、行の高さを設定する方法を含む、CSS テキストスタイリングの基本を学びます。