「行揃えの指定」と「文字の開始位置を指定」するCSS|Webデザイン講座

文字の配置バランスを整える為に、テキストを中央揃えにしたい場合があります。そして、文字の開始位置をずらしたい時もあります。テキストの配置は文字の見やすさや、読みやすさにも繋がります。デザイン要素に捉えることもできます。ここでは文字を整える「text-align」と「text-indent」について説明します。

“「行揃えの指定」と「文字の開始位置を指定」するCSS|Webデザイン講座” の続きを読む

この、Webサイトを閲覧する「ブラウザ」について知っていますか?

Webサイトを閲覧するために「ブラウザ」というツールがあります。ブラウザには種類が複数あります。ホームページを作成する技術者は、ブラウザのことを考えて、サイトを構築することがあります。一般的によく使われているものとしてIE、Safari、GoogleChromeなどあります。現在はこの3つを抑えておくと大丈夫です。今回はそんなブラウザについて、少し説明しています。

“この、Webサイトを閲覧する「ブラウザ」について知っていますか?” の続きを読む

文字のフォントや太さを指定するCSSスタイル|Webデザイン講座

前回に引き続きテキスト関連のCSSです。書籍や印刷物に書体があるように、ホームページのテキストにも明朝体やゴシック体を指定することができます。フォントはデザインの一部です。フォントによってサイトの雰囲気もぐっと変わります。ブラウザ上で表現できるフォントの種類は限られていますが、Webフォントと呼ばれるサービスも存在します。今回はテキストに関するSEOの話も交えながら説明していきます。

“文字のフォントや太さを指定するCSSスタイル|Webデザイン講座” の続きを読む

テキストに対するCSSスタイル |Webデザイナー講座

テキストに対するスタイルがいくつかあります。文字を大きくしたり色を付けたりと装飾することで表現方法も広がります。CSSではフォントを指定して書体を変更することもできます。そしてテキストのスタイルに関しては重要なポイントがありますので記述方法などコツを説明していきます。レスポンシブデザインについても少し説明します。

“テキストに対するCSSスタイル |Webデザイナー講座” の続きを読む

装飾に便利なspanタグ!|WEBデザイナー未経験から学べる!

これまで紹介したHTMLタグにはそれぞれ役割があり意味を持っています。しかし中には意味を持たないHTMLタグの要素も存在します。その一つがspan(スパン)タグです。このspanタグには意味を何も持ち合わせていません。どちらかというとCSSの装飾のために存在するタグです。ここではそのspan(スパン)タグの使い方について説明します。

“装飾に便利なspanタグ!|WEBデザイナー未経験から学べる!” の続きを読む

CSSスタイルの適用方法とセレクタの種類|Webデザイナー講座

レイアウトやデザインを担うCSSには「セレクタ」と呼ばれる種類が存在します。そのセレクタに対してCSSを指定します。そうすることで文字の大きさを変化させたり、色を付けたりデザインすることができます。今回はそのセレクタについて紹介します。

“CSSスタイルの適用方法とセレクタの種類|Webデザイナー講座” の続きを読む

スタイルシートCSSの記述場所と適用方法!|Webデザイナー講座

スタイルシートはHTMLファイルとは別に外部ファイルを作成します。その他HTMLファイルへ直接記述する方法もありますが、外部ファイルとして記述する方が良いとされています。ここではスタイルシートの適用方法と位置関係を説明します。

“スタイルシートCSSの記述場所と適用方法!|Webデザイナー講座” の続きを読む

スタイルシートについて|WEBデザインを担うCSS編

これまではホームページの骨組みであるHTMLについてお伝えしてきました。これよりデザイン性を担うCSSも含めて説明をしていきます。CSSはHTMLに洋服を着せるようなイメージです。レイアウトや文字色などデザインを行うために必要なスタイルシートについて説明します。

“スタイルシートについて|WEBデザインを担うCSS編” の続きを読む