『CSS設計ガイドライン』ノート(I)

1315 ワード

図书馆でこの本を借りて、话すのはとても良くて、筋道がはっきりしていて、深く浅くて、本当に作者と交流する感じがして、自分の多くの困惑を解决して、そこでいくつかふだんよく使わないでしかし使う知识の点に対していくつかノートをすることを决めて、印象を深めます.
一、
ブロックレベルの要素ボックスは、

  1. などの親要素と同じ幅に拡張されます.
    行内のエレメントボックスは、その内容を「収縮」し、就像这样做好了,我们只要抓住.二、不常用的选择1.特殊控制基础设施(1)萨布塞雷克塔,拉贝尔1>拉贝尔2,拉贝尔2是拉贝尔1的萨布埃雷梅特,拉贝尔1只有拉贝尔2的父母埃雷梅特,没有其他祖先埃雷梅特的section>h 2{font-style:italic;}(2)近邻同胞选择子、拉ベル1+拉ベル2、拉ベル2需要继续拉ベル1(3)一般同人选择符,拉ベル1~拉ベル2上相似,但无法控制。  2. 属性センサ(1)属性名選択子img[title]{border:2 px solid blue;}(2)属性値選択子img[title="red flower"{border:2 px solid blue;}  3. 擬似クラス(1):focus擬似クラスinput:focus{border:1 px solid blue;(2):target拟似克拉斯,用户可以用target选择,用纸条内的其他要素上的链接。<a href="#more_info">More Information</a> <h2 id="more_info">This is the information......</h2> #more_info:target {background:#eee;} ユーザーでidをクリックしてmore_如果info的要素,那要素追加了薄灰色背景。(例:ウィキペディアの引用でこの偽類を使用する。そうしないと、引用が多すぎて見分けることができない)(3)構造化擬似クラス、:first-child、:last-child、:nth-childは同胞要素のセットの最初の要素、最後の要素、またはいくつかの要素に適用されるol li:first-childol li:last-child {color:red;} li:nth-child(3) li:nth-child(odd) li:nth-child(even)   4. ぎじげんそ    (1)::first-letter,::first-line p::first-letter {font-size: 300%;} p::first-line {color: green;}