美文网首页
CSS知识点

CSS知识点

作者: 2dcc2b155e1e | 来源:发表于2017-08-17 21:17 被阅读0次

    1、margin:盒子与盒子之间的距离

    给灰色盒子设置margin时,会吧父级红色盒子带下来,这时要给红色盒子设置值一个边框,使其触发bfc,形成包裹,这时父级就不会被带下来

    BFC:块级格式化范围,BFC就像一个页面中容器,包装了后就不会影响到页面其他布局,且这个容器中布局与外面也毫不相干

    2、在文字外面套个盒子,再在中盒子外套一个盒子,设置这个盒子的padding值可以达到文字距原来盒子有内边距的效果,如果直接在第一个盒子上设置的话,会改变盒子大小

    3、CSS的选择器

    (1)通配选择器*(最好 v 不要用)

    作用于所有标签,无论标签有没有写,有没有在文档中出现.

    (2)标签名选择器

    作用于一类标签

    使用场景:常用于重置某类标签的样式

    (3)群组选择器   选择器1,选择器2,…{ }

    p,div{

    color:red;

    }

    (4)类选择器

    命名规范:

    1、不要以数字开头

    2、不要过于简单,要有意义

    3、多个单词用下划线连接

    4、可以使用多个名字,用空格隔开(可事先设置好某些属性,当该类需要时,直接写到名字种,该类就具有该种属性。

    使用场景:用于各种场景,使用最多

    (5)后代选择器              选择器1  选择器2 选择器3 … {}      只作用于最后一个选择器,前面的选择器只是过滤条件,帮助定位

    相关文章

      网友评论

          本文标题:CSS知识点

          本文链接:https://www.haomeiwen.com/subject/mvwnrxtx.html