CSSの詳細度(Specificity)
cssを扱う上で、押さえておかないといけないことに「詳細度(Specificity)」があります。cssの特異性ともいわれているセレクタの記述に関する優先順位の概念です。
cssを扱う上で、押さえておかないといけないことに「詳細度(Specificity)」があります。cssの特異性ともいわれているセレクタの記述に関する優先順位の概念です。
例えば、.hogeと.pekoの二つのクラスを持たない要素に指定したい場合は、カンマを用いて記述します。
cssではじめの子要素以外を指定したい場合、セレクタを分けたりクラス名で識別したりといろいろな方法が考えられますが、一つのセレクタでまとめる方法として:notを用いた方法とそれ以外の方法を紹介します。
tableを生成した時、構造上セルを結合したい時があります。ここではrowspan属性の縦方向のセルの結合を解説します。
tableを生成した時、構造上セルを結合したい時があります。ここではcolspan属性の横方向のセルの結合を解説します。
tableを形成する時に必要なCSSプロパティに『border-collapse』があります。
html5では、似た特性を持った要素が七つのカテゴリーに分けられました。下記の図はそれを表したものです。この中にはどのカテゴリーにも属さない要素や、いくつかの要素に属している要素も存在します。
擬似クラス『:not()』は、引数に指定したセレクタ以外の要素を表します。
CSSの色指定で使える色のキーワードの色見本です。現在、全部で17色が使えるようです。参考までにどうぞ!
CSSで描くグラデーションには三種類の形状があります。linear-gradient関数によって生成する線形グラデーションと、radial-gradient関数によって生成する放射グラデーション。そしてconic-gradient関数によって生成する扇形グラデーション の3種類です。今回は『linear-gradient』プロパティの設定方法について解説します。
Webdesign(html , css , javaScript)、Wordpress(php)、Photoshop、Illustrator、ePUB