GooBlog編_おはら野のブログ

_この世は猫のみる夢_

2018.7.28【HTMLとCSS カスケードの概念|ブログで使うHTMLとタグ

2018年07月28日 | ④_2.ニャロメ!PC・iPad(HTML作成・WEB作り
ブログで使うHTMLとタグ

 ブログの入力ページをTEXTエディターにして、書き込んでいる。字下げや、画像を左に置いて、右に文字が廻りこむようにする。リンクをしたとき同じウインドウに表示(Gooブログのデフォルト、HTMLエディターからは可)を、別ウインドウ表示に変えたりしたいからタグを入力している。
 繰り返し使うタグは、使い方にあわせて、そのままコピペして使うようにメモ帳に書いている。
例:  Align="left" hspace="20" ←左に画像を置いて、画像の左右を20Pxあける
このように、付け加える↓
<img src="https://blogimg.goo.ne.jp/user_image/52/6b
/4df0f7ce96c5f3f006cc9c7ca7483e1a.jpg" border="0"  Align="left" hspace="20">
文字の周り込みの解除→ <BR clear="left">
書きかけ
by龍隆 2018.7.28


2018.7.28
HTMLとCSS カスケードの概念|ブログで使うHTMLとタグ


段階⑴* {font-size:large;}
外部ファイルに書く(通常、index.htmlファイルとおなじ階層デレクトリイに置く。
ここから呼び出されたCSSはサイト全体に適用される。

段階⑵body {background-color:blue;}
 ここに書かれたCSSは、body~/bodyの間に適用される(同一ページ、ファイル内に)。ブロック単位で適用される。
段階⑶p {color:white;}
 ここに書かれたCSSは、p~/p(段落)の間に適用される。インライン(文章内)に適用される。

HTML文書にCSSを適用するhttp://www.htmq.com/csskihon/004.shtml
CSSでHTML文書やXHTML文書にスタイルシートを適用するには、大きく分けて以下の3つの方法があります。

段階⑴<link>要素で外部CSSファイルを呼び出して適用する
段階⑵<style>要素で文書単位に適用する
段階⑶要素にstyle属性を追加して局所的に適用する

参考:HTMLクイックリファランス /HTMLとCSS   HyperText Markup Languageと、Cascading Style Sheets

CSSの基本  http://www.htmq.com/csskihon/

CSSとは? スタイルシートとCSS
http://www.htmq.com/csskihon/001.shtml
CSSの書き方CSSの基本書式(セレクタ・プロパティ・値)http://www.htmq.com/csskihon/003.shtml
カスケードの概念http://www.htmq.com/csskihon/006.shtml



CSSでの長さの指定 http://www.htmq.com/csskihon/011.shtml









**







最新の画像もっと見る