2021-10-01から1ヶ月間の記事一覧
・<div class="footer-list"> <li> </li> </div> の<li>要素にのみCSSを適用したいなら .footer-list li{ } で「.footer-list」の子要素である「li」にだけCSSを適用できる。 ・要素を左端に配置したいなら「float:right;」、要素を右端に配置したいなら「float:left;」</li>
・今回はヘッダーに、「ロゴ」と「リスト」を作っていく。 →詰まり、ヘッダー内で２つの要素に分割（division）する。 【M（豆知識）】 <li>要素にlist-styleプロパティを用いてnoneを指定することで、先頭の黒点を消せる。 ・floatプロパティを用いることで指定</li>…
・レイアウトとは何ぞや？ →ヘッダー（ページ上部のメニュー）、メイン（主なコンテンツ）、フッター（ページ下部のメニュー）の３つから成り立っている。 ・<div>要素でレイアウトを構成する。 ※「div」とは「division」の略で、「分割」という意味（３要素に分</div>…
・実際のHTMLファイルには下記の様な決まった型が必要！（決まった呪文みてぇな奴。C＋にもそんなんあった希ガス！） <html> <head> </head> <body> ・・・ </body> <html> こんな感じに、<html>要素の中に<head>要素と<body>要素が必要！ ※<head>要素にはページに関する情報、<body>要素には実際に表示したい内容を書く。<head>要素に</head></body></head></body></head></html></html></html>…
・background-colorプロパティで背景色を変更出来る →色の指定はcolorと同じ方法 ・width/heightプロパティを使うことで要素の横幅/高さを指定できる →font-sizeと同じようにpxで大きさを指定する ・要素にclassを使って名前をつける事が出来る →<li class="selected">HTML</li> この様…
・CSSはHTMLの要素に、「色」、「大きさ」、「配置」を付与してページをデザインするための言語のこと。大抵のWebページは、この二つと＋α（動きを付けたりetc...）で構成されている。 ・CSSはHTMLとは別のファイルに記述する →HTMLで用意した要素に対して、…
テキストには「タグ」と呼ばれる印を付けることで見た目を自由に変える事ができる。 ・<h1> テキスト </h1> で文字のサイズを変更できる！ ※１〜６まであり、1の方が字が大きい！。「h」‥‥「heading（見出し）」。 【M（豆知識）】※Mac 「Command」＋「左/右矢印」で…
Webページ作成の為の言語 「HTML」と「CSS」 「HTML」‥「Hyper Text Markup Language」 ⇨Web上で公開しているページのテキストやレイアウトなどの構造を定義している物 「CSS」‥「Cascanding Style Sheets ⇨吹き出しを付けたり、背景にグラデーションを付け…
