CSSのスタイルのバックアップ(No.5) - .NET 開発基盤部会 Wiki

[ トップ ] [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

バックアップ一覧
差分を表示
現在との差分を表示
ソースを表示
CSSのスタイルへ行く。
- 1 (2017-02-03 (金) 21:05:49)
- 2 (2017-02-03 (金) 21:12:51)
- 3 (2017-02-13 (月) 10:45:01)
- 4 (2017-02-27 (月) 20:14:09)
- 5 (2017-03-21 (火) 22:37:19)
- 6 (2017-03-24 (金) 22:49:34)
- 7 (2017-03-30 (木) 21:44:30)

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る

目次 †

目次
概要
基本
- ブラウザデフォルトCSS
  - 問題点
  - リセットCSS
Bootstrapのスタイル
CSS3のスタイル
参考
- HTMLクイックリファレンス
- ホームページ作成 Note

概要 †

CSSのスタイルって難しいですね。

というか専門的にやったことなかったので、
この際、色々と調べてみました。

基本 †

ブラウザデフォルトCSS †

HTML5にデフォルトCSSの指針があるが実装はブラウザごとに異なる。

問題点 †

このため、問題が発生することがある。

デフォルトCSS一覧（たまちゃんHTMLのおうち）
http://tamachan.tama777.com/Reference/default_css.html
ブラウザデフォルトCSSのチートシートを作ってみた。(力尽きた)｜Web Design KOJIKA17
http://kojika17.com/2011/03/browsers-default-css.html

リセットCSS †

この問題を解決するために、リセットCSSというものが提供されている。

デフォルトスタイルシートから考える、リセットCSSの留意点｜Web Design KOJIKA17
http://kojika17.com/2012/09/reset-css-from-default-style-sheet.html
【CSS】決定版！リセットCSS総まとめ | TONOST
http://tonost.com/2015/03/10/%E3%80%90css%E3%80%91%E6%B1%BA%E5%AE%9A%E7%89%88%EF%BC%81%E3%83%AA%E3%82%BB%E3%83%83%E3%83%88css%E7%B7%8F%E3%81%BE%E3%81%A8%E3%82%81/

以下のサイトでダウンロード数から人気のリセットCSSを確認できる。

CSS Reset | 2015's most common CSS Resets to copy/paste, with documentation / tutorials
http://cssreset.com/

Bootstrapのスタイル †

CSS3のスタイル †

参考 †

CSS | MDN
https://developer.mozilla.org/ja/docs/Web/CSS

HTMLクイックリファレンス †

http://www.htmq.com/

CSSの基本
http://www.htmq.com/csskihon/index.shtml
- CSSとは？
- CSSを使用するメリット
- CSSの書き方
- HTML文書にCSSを適用する
- セレクタの種類
- カスケードの概念
- スタイルの優先順位
- スタイルの継承
- メディアタイプ
- @ルール（@で始まる書式）
- CSSでの長さの指定
- CSSでのURL（URI）の指定
- 基本スタイルシートと代替スタイルシート
- ボックス

CSSプロパティ（目的別）
http://www.htmq.com/style/index.shtml
CSSプロパティ（ABC順）
http://www.htmq.com/style/indexa.shtml
CSS3（目的別）
http://www.htmq.com/css3/index.shtml
CSS3（ABC順）
http://www.htmq.com/css3/indexa.shtml

ホームページ作成 Note †

http://www7b.biglobe.ne.jp/~homepage-note/index.html

HTMLの基礎
http://www7b.biglobe.ne.jp/~homepage-note/html-base-1.html

CSS の基礎
http://www7b.biglobe.ne.jp/~homepage-note/css-base-1.html
- CSSの書式
- HTMLへの組込み
- スタイルの優先順位
- スタイルの継承
- CSSで使う単位と色
- ボックスの概念
- よく使うCSSプロパティ
- CSSで飾ってみる