「行揃えの指定」と「文字の開始位置を指定」する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デザイナー未経験から学べる!” の続きを読む