検索
ホームページウェブフロントエンドhtmlチュートリアルWeb フロントエンド: css_html/css_WEB-ITnose

CSS の概要:

Web ドキュメントの構造は HTML 要素によって定義され、これらの HTML 要素がどのように表示されるかはカスケード スタイル シート CSS によって定義されるため、構造とプレゼンテーションの分離が実現されます。

1. 外部スタイルシート

スタイル定義を別のファイルに入れて、そのスタイルが必要な文書で使用できるようにするスタイルシートを外部スタイルシートと呼びます。

2. 埋め込みスタイルシート

埋め込みスタイルシートは、

3.

ほとんどの HTML タグには、タグが表示されるときにスタイルを指定できる style 属性が含まれています。このスタイル ルールを定義する方法はインライン スタイルと呼ばれます。

特定の

タグのテキストを赤色で表示したい場合は、次のコードを使用できます:

red title columns

4 、スタイルルール構文

body (セレクター) {[color (プロパティ): black (value); padding (property): lem (value)] (宣言);}

5. 絶対長: cm センチメートル、 mm ミリメートル、インチ、pt ポイント、pc (パイカ)

相対長さ: em (ems)、px ピクセル、ex (exes)

6. 要素コンテンツのフォントを設定します:

フォント名 font-family を設定します (値: arial、verdana、times、new、roman)

フォントの傾き font-style を設定します (値: Normal、italic、oblique)

フォント バリアント font-variant を設定します (値:normal、small-caps)

Setフォントの太さ font-weight (値:normal、bold、bolder、lighter、100、200、300、400、500、600、700、800、900)

フォントサイズの設定 font-size (値: xx-small、 x-小、小、中、大、x-大、xx-大)

content: コンテンツ

border: 境界線

padding: 内側の境界線

margin: 外側のマージン

border-style border border-width border太さ 境界線 -color 境界線の色

padding-top 内層の上部 margin padding-left 左のパディング-右 右のパディング-下 高さ

margin-top margin-left margin-right padding-bottom

float: left (浮動)

vertical-align: ベースライン (テキストの行の高さ)

letter-spacing (各テキスト間の行)

例:

.xin1{background-color: black;margin-right: 2px;}.xin9 {color: 紺碧;font-size: 10px;margin-top: 50px;margin-right: 235px;margin-left: 2px;} margin-left: 263px;margin-right: 271px;}.xin16{色: 紺碧;フォントサイズ: 10px;margin-top: 2px;text-decoration:Underline;}.xin17{margin-top: 5px;float: left;border: 1px 紺碧の破線;}.xin18 {

土星の公転周期が約 29.5 年であるため、古代の私の国では 28 個の星座がありました。 . 土星はほぼ毎年同じ星座にありました。

の意味は、星を鎮める、または満たすという意味で、直径は 119,300 キロメートル (星の 9.5 倍) です。地球)、それは太陽系で 2 番目に大きい惑星です。隣の木星とよく似ており、その表面も液体水素とヘリウムの海であり、上空も厚い雲で覆われています。土星では強風が吹き荒れており、東西方向の風速は時速1600キロを超えることもある。土星の雲はこの強風によって引き起こされ、その雲には結晶化したアンモニアが大量に含まれています。軌道は太陽から1億4,294万km、公転周期は10,759.5日(地球年29.5年に相当)、見かけの等級は0.67です。太陽系の惑星の中で最も目を引くのが土星の輪です。土星はまるで大きな麦わら帽子をかぶっているかのように見えます。観測によると、ハローを構成する物質は砕けた氷、岩石、塵、粒子などであり、それらは一連の円を描いて配置され、土星の周りを回転しています。

天王星は、測定された太陽系の太陽から 7 番目の惑星です。直径では、それは太陽系で3番目に大きい惑星であるようです。天王星は海王星より大きいですが、質量は小さいです。

天王星は、望遠鏡による体系的な探索の後、1781 年 3 月 13 日にウィリアム・ハーシェルによって発見されました。それは現代で発見された最初の惑星です。実際、何度も観測されています ですが、当時は別の星と間違えられていました (ジョン・フラムスティードは 1690 年にはその存在を観測していましたが、当時はおうし座 34 番星として分類していました)。ハーシェルは、彼のスポンサーであるアメリカ人にとって悪名高いイングランド王ジョージ 3 世に敬意を表して、それを「ジョージウム・サイダス」(惑星ジョージア) と名付けましたが、天王星を「ハーシェル」と呼びました。他の惑星の名前はギリシャ神話から取られているため、一貫性を保つために、ボーデは最初にそれを「天王星」(Uranus ) と呼ぶことを提案しましたが、1850 年まで広く使用されませんでした。

海王星は太陽の周りを回る 8 番目の惑星であり、4 番目に大きい惑星でもあります。太陽系の天体(直径)。海王星は天王星よりも直径が小さいですが、質量は大きくなります。天王星の発見後、その軌道がニュートンの理論から予測された軌道と一致していないことが注目されました。したがって、科学者たちは、

から天王星の軌道に影響を与える別の遠方の惑星があると予測しています。海王星は、1846 年 9 月 23 日にゴールとダレストによって初めて観測されました。アダムズとル ベリエが予測した位置と同様に、木星、土星、天王星の位置に非常に近くに見えました。誰が最初に海王星を発見し、誰がそれに命名する権利があるのか​​をめぐって、イギリスとフランスの間で国際紛争が生じた(ただし、アダムズとル・ベリエの間には明らかな個人的な論争はなかった)現在では両者が共同で海王星の発見者とされている。その後の観測により、アダムズとローウェイが計算した軌道は海王星の真の軌道から大きく逸脱していることが判明した。もし海王星の探索が数年早く、あるいは数年遅れて実施されていたら、人々は予測された場所 で、あるいはその近くで海王星を見つけることはできなかっただろう。
border: 1px 単色赤;
幅: 1001px;
高さ: 1420px;
padding-top: 10px;
padding-left: 10px;
padding-right: 1 0px;
}
.xin2 {
font-size: 80px;
font-weight : 900;
色: 紺碧;
フロート: 左;
}
.xin3{
色: 紺碧;
font-size: 10px;
margin-top: 2px;
}
.xin4{
font-size: 10px;
margin-top: 20px;
text-decoration: 下線;
color: ;
マージン左: 2px;
}
.xin5{
margin-top: 2px;
float: left;
border:1px 破線紺碧;
}
.xin6{
色: 紺碧;
フォントサイズ: 10px;
margin-left:168px;
margin-right: 350px;
}
.xin7{
font-size: 10px;
margin-top: 2px;
text-deco比率: 下線;
色: アリスブルー;
フロート: 右;
}
.xin8{
margin-top: 40px;
float: 右;
border:1px 紺碧の破線;
.xin10{
font-size: 10px;
margin-top: 2px;
text-decoration: 下線;
色: 紺碧;
}
.xin11{
マージントップ: 10px;
float: left;
border:1px 破線紺碧;
margin-left: 2px;
}
.xin12{
色: 紺碧;
font-size: 10px;
margin-top: 19px;
margin-left: 263px;
margin-right: 235px;
}
.xin13{
font-size: 10px;
margin-top: 2px;
text-decoration: 下線;
色: 紺碧;
フロート: 右;
}
.xin14{
margin-top :35px ;
float: right;
border: 1px 紺碧の破線;
margin-right: 1px;
}
.xin15{
color: 紺碧;
font-size: 10px;
margin-top:
color: 紺碧;
font-size: 10px;
margin-top: 17px;
margin-left: 250px;
margin-right: 275px;
}
.xin19{
color:ずれ;
font-size: 10px;
margin-top: 2px;
text-decoration: 下線;
float: right;
}
.xin20{
margin-top:30px;
float: right;
border: 1px 紺碧の破線;
}
.xin21{
color: 紺碧;
font-size: 10px;
margin-top: 40px;
margin-left: 250px;
margin-right: 281px;
}
  .xin22{
  color: azure;
  font-size: 10px;
  margin-top: 2px;
  text-decoration: underline;
  }
  .xin23{
  margin-top: 5px;
  float: left;
  border: 1px dashed azure;
   
  }
  .xin24{
  font-size: 10px;
  color: azure;
  margin-top: 18px;
  margin-left: 250px;
  margin-right: 5px;
  }
  .xin25{
  color: azure;
  font-size: 10px;
  float: right;
  margin-top: 2px;
  text-decoration: underline;
  }
  .xin26{
  margin-top: 38px;
  float: right;
  border: 1px dashed azure;
   
  }
  .xin27{
  color: azure;
  font-size: 10px;
  margin-top: 50px;
  margin-right: 285px;
  margin-left: 250px;
  }
 
 
 
 
 
 

阳系是以太阳为中心,和所有受到太阳的重力约束天体的集

  合体:8颗行星、至少165颗已知的卫星、3颗已经辨认出来的矮行星(冥王星和他的卫星)和数以亿计的太阳系小天体。这些小天体包括小行星
  、柯伊伯带的天体、彗星和星际尘埃。依照至太阳的距离,行星序是水星、金星、地球、火星、木星、土星、天王星、和海王星,8颗中的6颗
  有天然的卫星环绕着。
 

水星

 
 

水星在八大行星中是最小的行星,比月球大1/3,它同时也是最靠近太阳的行星。 水星目视星等范围从 0.4 到 5.5;水

  星太接近太阳,常常被猛烈的阳光淹没,所以望远镜很少能够仔细观察它。水星没有自然卫星。唯一靠近过水星的卫星是美国探测器水手
  10号,在1974年?1975年探索水星时,只拍摄到大约45%的表面。水星是太阳系中运动最快的行星。水星的英文名字Mercury来自罗马神墨
  丘利(赫耳墨斯)。他是罗马神话中的信使。因为水星约88天绕太阳一圈,是太阳系中公转最快的行星。符号是上面一个圆形下面一个交
  叉的短垂线和一个半圆形 (Unicode). 是墨丘利所拿魔杖的形状。在前5世纪,水星实际上被认为成二个不同的行星,这是因为它时常交
  替地出现在太阳的两侧。当它出现在傍晚时,它被叫做墨丘利;但是当它出现在早晨时,为了纪念太阳神阿波罗,它被称为阿波罗。毕达
  哥拉斯后来指出他们实际上是相同的一颗行星。
 
 

金星

 
 

金星是八大行星之一,按离太阳由近及远的次序是第二颗。它是离地球最近的行星。中国古代称之为太白或太白金星。它有

  时是晨星,黎明前出现在东方天空,被称为“启明”;有时是昏星,黄昏后出现在西方天空,被称为“长庚”。金星是全天中除太阳和月亮外
  最亮的星,亮度最大时为-4.4等,比著名的天狼星(除太阳外全天最亮的恒星)还要亮14倍,犹如一颗耀眼的钻石,于是古希腊人称它为
  阿佛洛狄忒(Aphrodite)??爱与美的女神,而罗马人则称它为维纳斯(Venus)??美神。金星和水星一样,是太阳系中仅有的两个没有
  天然卫星的大行星。因此金星上的夜空中没有“月亮”,最亮的“星星”是地球。由于离太阳比较近,所以在金星上看太阳,太阳的大小比地
  球上看到的大1.5倍。
 
 

地球

 
 

水星在八大行星中是最小的行星,比月球大1/3,它同时也是最靠近太阳的行星。 水星目视星等范围从 0.4 到 5.5;水

  星太接近太阳,常常被猛烈的阳光淹没,所以望远镜很少能够仔细观察它。水星没有自然卫星。唯一靠近过水星的卫星是美国探测器水手
  10号,在1974年?1975年探索水星时,只拍摄到大约45%的表面。水星是太阳系中运动最快的行星。水星的英文名字Mercury来自罗马神墨
  丘利(赫耳墨斯)。他是罗马神话中的信使。因为水星约88天绕太阳一圈,是太阳系中公转最快的行星。符号是上面一个圆形下面一个交
  叉的短垂线和一个半圆形 (Unicode). 是墨丘利所拿魔杖的形状。在前5世纪,水星实际上被认为成二个不同的行星,这是因为它时常交
  替地出现在太阳的两侧。当它出现在傍晚时,它被叫做墨丘利;但是当它出现在早晨时,为了纪念太阳神阿波罗,它被称为阿波罗。毕达哥
  拉斯后来指出他们实际上是相同的一颗行星。
 
 

火星

 
 

火星(Mars)是八大行星之一,符号是♂。因为它在夜空中看起来是血红色的,所以在西方,以希腊神话中的阿瑞斯(或罗

  马神话中对应的战神玛尔斯)命名它。在古代中国,因为它荧荧如火,故称“荧惑”。火星有两颗小型天然卫星:火卫一Phobos和火卫二
  Deimos(阿瑞斯儿子们的名字)。两颗卫星都很小而且形状奇特,可能是被引力捕获的小行星。英文里前缀areo-指的就是火星。
 
 

木星

 
 

木星木星古称岁星,是离太阳远近的第五颗行星,而且是八大行星中最大的一颗,比所有其他的行星的合质量大2倍(地

  球的318倍)。木星绕太阳公转的周期为4332.589天,约合11.86年。木星(a.k.a. Jove)希腊人称之为 宙斯(众神之王,奥林匹斯山的
  统治者和罗马国的保护人,它是Cronus(土星的儿子。)木星是天空中第四亮的物体(次于太阳,月球和金星;有时候火星更亮一些),早
  在史前木星就已被人类所知晓。根据伽利略1610年对木星四颗卫星:木卫一,木卫二,木卫三和木卫四(现常被称作伽利略卫星)的观察
  ,它们是不以地球为中心运转的第一个发现,也是赞同哥白尼的日心说的有关行星运动的主要依据。
 
 

土星

 

海王星

html& gt;
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLドキュメントのルートタグは何ですか?HTMLドキュメントのルートタグは何ですか?Apr 29, 2025 am 12:10 AM

Theroottaginanhtmldocumentis.itservesStop-levellementThateChationCothercontent、ProperDocumentsTurcuteRuctureAndBrowsingを保証します。

HTMLタグと要素は同じものですか?HTMLタグと要素は同じものですか?Apr 28, 2025 pm 05:44 PM

この記事では、HTMLタグは要素を定義するために使用される構文マーカーであり、要素はタグやコンテンツを含む完全なユニットであると説明しています。彼らは協力してWebPages.Characterカウントを構築するために協力します:159

< head>の重要性は何ですかおよび< body> HTMLのタグ?< head>の重要性は何ですかおよび< body> HTMLのタグ?Apr 28, 2025 pm 05:43 PM

この記事では、< head>の役割について説明します。および< body> HTMLのタグ、ユーザーエクスペリエンスへの影響、およびSEOの影響。適切な構造化により、ウェブサイトの機能と検索エンジンの最適化が強化されます。

< strong>< b>の違いは何ですかタグと< em>< i>タグ?< strong>< b>の違いは何ですかタグと< em>< i>タグ?Apr 28, 2025 pm 05:42 PM

この記事では、HTMLタグの違いについて説明します。、、、、、、、およびプレゼンテーションの使用とSEOとアクセシビリティへの影響に焦点を当てています。

HTMLのドキュメントで使用されている文字セットを示す方法を説明してください。HTMLのドキュメントで使用されている文字セットを示す方法を説明してください。Apr 28, 2025 pm 05:41 PM

記事では、UTF-8に焦点を当てたHTMLでのキャラクターエンコーディングの指定について説明します。主な問題:テキストの正しい表示を確保し、文字化けされたキャラクターの防止、SEOとアクセシビリティの強化。

HTMLのさまざまなフォーマットタグは何ですか?HTMLのさまざまなフォーマットタグは何ですか?Apr 28, 2025 pm 05:39 PM

この記事では、Webコンテンツの構築とスタイリングに使用されるさまざまなHTMLフォーマットタグについて説明し、テキストの外観に対する影響とアクセシビリティとSEOのセマンティックタグの重要性を強調しています。

「ID」属性とHTML要素の「クラス」属性の違いは何ですか?「ID」属性とHTML要素の「クラス」属性の違いは何ですか?Apr 28, 2025 pm 05:39 PM

この記事では、HTMLの「ID」属性と「クラス」属性の違いについて説明し、一意性、目的、CSS構文、および特異性に焦点を当てています。それらがWebページのスタイリングと機能にどのように影響するかを説明し、のベストプラクティスを提供する

HTMLの「クラス」属性とは何ですか?HTMLの「クラス」属性とは何ですか?Apr 28, 2025 pm 05:37 PM

この記事では、スタイリングとJavaScriptの操作の要素をグループ化するHTML「クラス」属性の役割を説明し、一意の「ID」属性とは対照的です。

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

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

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

SublimeText3 Linux 新バージョン

SublimeText3 Linux 新バージョン

SublimeText3 Linux 最新バージョン

SublimeText3 Mac版

SublimeText3 Mac版

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

AtomエディタMac版ダウンロード

AtomエディタMac版ダウンロード

最も人気のあるオープンソースエディター