文字の配置バランスを整える為に、テキストを中央揃えにしたい場合があります。そして、文字の開始位置をずらしたい時もあります。テキストの配置は文字の見やすさや、読みやすさにも繋がります。デザイン要素に捉えることもできます。ここでは文字を整える「text-align」と「text-indent」について説明します。
“「行揃えの指定」と「文字の開始位置を指定」するCSS|Webデザイン講座” の続きを読むタグ: ホームページ無料
この、Webサイトを閲覧する「ブラウザ」について知っていますか?
Webサイトを閲覧するために「ブラウザ」というツールがあります。ブラウザには種類が複数あります。ホームページを作成する技術者は、ブラウザのことを考えて、サイトを構築することがあります。一般的によく使われているものとしてIE、Safari、GoogleChromeなどあります。現在はこの3つを抑えておくと大丈夫です。今回はそんなブラウザについて、少し説明しています。
“この、Webサイトを閲覧する「ブラウザ」について知っていますか?” の続きを読むwebデザイン独学【無料】文字のフォントや太さを指定するCSSスタイル
前回に引き続きテキスト関連のCSSです。書籍や印刷物に書体があるように、ホームページのテキストにも明朝体やゴシック体を指定することができます。フォントはデザインの一部です。フォントによってサイトの雰囲気もぐっと変わります。ブラウザ上で表現できるフォントの種類は限られていますが、Webフォントと呼ばれるサービスも存在します。今回はテキストに関するSEOの話も交えながら説明していきます。
“webデザイン独学【無料】文字のフォントや太さを指定するCSSスタイル” の続きを読むwebデザイン独学【無料】テキストに対するCSSスタイル
テキストに対するスタイルがいくつかあります。文字を大きくしたり色を付けたりと装飾することで表現方法も広がります。CSSではフォントを指定して書体を変更することもできます。そしてテキストのスタイルに関しては重要なポイントがありますので記述方法などコツを説明していきます。レスポンシブデザインについても少し説明します。
“webデザイン独学【無料】テキストに対するCSSスタイル” の続きを読むwebデザイン独学【無料】装飾に便利なspanタグ。
これまで紹介したHTMLタグにはそれぞれ役割があり意味を持っています。しかし中には意味を持たないHTMLタグの要素も存在します。その一つがspan(スパン)タグです。このspanタグには意味を何も持ち合わせていません。どちらかというとCSSの装飾のために存在するタグです。ここではそのspan(スパン)タグの使い方について説明します。
“webデザイン独学【無料】装飾に便利なspanタグ。” の続きを読むwebデザイン独学【無料】CSSスタイルの適用方法とセレクタの種類。
レイアウトやデザインを担うCSSには「セレクタ」と呼ばれる種類が存在します。そのセレクタに対してCSSを指定します。そうすることで文字の大きさを変化させたり、色を付けたりデザインすることができます。今回はそのセレクタについて紹介します。
“webデザイン独学【無料】CSSスタイルの適用方法とセレクタの種類。” の続きを読むwebデザイン独学【無料】スタイルシートCSSの記述場所と適用方法!
スタイルシートはHTMLファイルとは別に外部ファイルを作成します。その他HTMLファイルへ直接記述する方法もありますが、外部ファイルとして記述する方が良いとされています。ここではスタイルシートの適用方法と位置関係を説明します。
“webデザイン独学【無料】スタイルシートCSSの記述場所と適用方法!” の続きを読むwebデザイン独学【無料】スタイルシートについて。WEBデザインを担うCSS編
これまではホームページの骨組みであるHTMLについてお伝えしてきました。これよりデザイン性を担うCSSも含めて説明をしていきます。CSSはHTMLに洋服を着せるようなイメージです。レイアウトや文字色などデザインを行うために必要なスタイルシートについて説明します。
“webデザイン独学【無料】スタイルシートについて。WEBデザインを担うCSS編” の続きを読む