リストのCSSについて、まとめています。リストの先頭に表示される"黒丸"や"数字"のことをマーカーと言います。マーカーの種類や位置を変えることができます。 list-style-type 表示例 list-style-image 表示例 list-style-position 表示例 list-style 参考サ…

ul,liタグの基本的な使い方についてまとめます。ul,liタグの記述例と利用例をご紹介します。 順不同リスト 表示例 カレーの材料 順序リスト 表示例 カレーの作り方 リストの入れ子表現 表示例 はてなブログ グループのカテゴリ 定義リスト 表示例 ul,liタグ…

画像ファイルの形式が分かれば、ファイルの特徴が分かります。特徴を踏まえた上で画像を適材適所に使い分けることができれば、ページの容量を抑えることも可能です。ファイルについての話が出たので、最後に拡張子についても書いています。 ファイルの特徴が…

画像ファイルの種類と特徴について書きました。いくつか種類があるので、その特徴を知り、使い分けます。 gif jpg(jpeg) png png-8 png-24 その他の保存形式 svg 画像の種類 ラスター画像 ベクター画像 gif Graphics Interchange Format(グラフィックス・イ…

何かしらの情報をネット上で発信する場合、どのような手段があるのか考えてみました。 情報発信の手段 ウェブサイト ブログ(CMS:Contents Management System) SNS(Social Networking Service) 動画配信 まとめ 情報発信の手段 情報発信の手段を、おおまかに4…

aタグのCSSについて、基本的なことに絞って書いています。 リンクの下線を消す マウスカーソルの種類 aタグの疑似クラス リンクの下線を消す aタグは、デフォルトで下線が付いています。下線を表示したくない場合は、text-decoration: none;を指定します。 <a href="https://shiroyuki2020.hatenablog.com/"></a>…

Webサイトのページのレイアウトについて書いています。レスポンシブデザインについては、取り上げていません。 よくあるレイアウト 1カラム 2カラム 3カラム レイアウトの基本的な考え方 レイアウトは自由 よくあるレイアウト サイトのレイアウトでシングル…

もし、ウェブサイトの制作をどこかに依頼する(された)場合、ページを構成する部品の名称を知っているとスムーズにやり取りすることができるはずです。依頼者と制作者の意思疎通が円滑になり、無用なやり取りを防ぐことが期待できます。 ウェブサイトの1ペー…