ホームページ >ウェブフロントエンド >htmlチュートリアル >Web フロントエンド: css_html/css_WEB-ITnose
CSS の概要:
Web ドキュメントの構造は HTML 要素によって定義され、これらの HTML 要素がどのように表示されるかはカスケード スタイル シート CSS によって定義されるため、構造とプレゼンテーションの分離が実現されます。
1. 外部スタイルシート
スタイル定義を別のファイルに入れて、そのスタイルが必要な文書で使用できるようにするスタイルシートを外部スタイルシートと呼びます。
2. 埋め込みスタイルシート
埋め込みスタイルシートは、3.
ほとんどの HTML タグには、タグが表示されるときにスタイルを指定できる style 属性が含まれています。このスタイル ルールを定義する方法はインライン スタイルと呼ばれます。
特定の
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; | |
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: | |
margin-left: 263px; | |
margin-right: 271px; | |
} | |
.xin16{ | |
色: 紺碧; | |
フォントサイズ: 10px; | |
margin-top: 2px; | |
text-decoration:Underline; | |
} | |
.xin17{ | |
margin-top: 5px; | |
float: left; | |
border: 1px 紺碧の破線; | |
} | |
.xin18 { | |
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年对木星四颗卫星:木卫一,木卫二,木卫三和木卫四(现常被称作伽利略卫星)的观察 | |
,它们是不以地球为中心运转的第一个发现,也是赞同哥白尼的日心说的有关行星运动的主要依据。 | |
土星 | |
の意味は、星を鎮める、または満たすという意味で、直径は 119,300 キロメートル (星の 9.5 倍) です。地球)、それは太陽系で 2 番目に大きい惑星です。隣の木星とよく似ており、その表面も液体水素とヘリウムの海であり、上空も厚い雲で覆われています。土星では強風が吹き荒れており、東西方向の風速は時速1600キロを超えることもある。土星の雲はこの強風によって引き起こされ、その雲には結晶化したアンモニアが大量に含まれています。軌道は太陽から1億4,294万km、公転周期は10,759.5日(地球年29.5年に相当)、見かけの等級は0.67です。太陽系の惑星の中で最も目を引くのが土星の輪です。土星はまるで大きな麦わら帽子をかぶっているかのように見えます。観測によると、ハローを構成する物質は砕けた氷、岩石、塵、粒子など | |
であり、それらは一連の円を描いて配置され、土星の周りを回転しています。 | |
海王星 | |
から天王星の軌道に影響を与える別の遠方の惑星があると予測しています。海王星は、1846 年 9 月 23 日にゴールとダレストによって初めて観測されました。アダムズとル ベリエが予測した位置と同様に、木星、土星、天王星の位置に非常に近くに見えました。誰が最初に海王星を発見し、誰がそれに命名する権利があるのかをめぐって、イギリスとフランスの間で国際紛争が生じた(ただし、アダムズとル・ベリエの間には明らかな個人的な論争はなかった)現在では両者が共同で海王星の発見者とされている。その後の観測により、アダムズとローウェイが計算した軌道は海王星の真の軌道から大きく逸脱していることが判明した。もし海王星の探索が数年早く、あるいは数年遅れて実施されていたら、人々は予測された場所 | |
で、あるいはその近くで海王星を見つけることはできなかっただろう。 | |
html& gt; | |