css的一些基础内容

清除浮动最好的方式(在父元素上加此属性)

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

选择并列元素中第几位设置为此属性(现在设置为六的倍数位) */

main .movies:nth-child(6n){
    margin-right: 0;
}

position
默认值:static,静态定位(不定位)
relative:相对定位
absolute:绝对定位
fixed:固定定位 */

边框弧度50%(就是圆圈) */

    border-radius: 50%;

鼠标划过的时候若宽度增加了 就会造成类似抖动的现象(只能解决宽度问题)

(高度暂时只能通过减小划过后的行高来解决) /
宽高的设置包含填充包含内容
/

box-sizing:border-box;

设置半透明的方法 */

background-color:rgba(0,0,0,0.5)

鼠标指针放到元素上出现和a元素自带的小手的图标效果 */

cursor: pointer;

选择第一个子元素

:first-child

选中子元素中第一个指定类型的元素

:first-of-type

选择最后一个子元素

:last-child

选中子元素中最后一个指定类型的元素

:last-of-type

选中指定的第几个子元素

nth-child
even:关键字,等同于2n
odd: 关键字,等同于2n+1

选中指定的子元素中第几个某类型的元素

nth-of-type

透明度

  1. opacity,它设置的是整个元素(包括子元素)的透明,它的取值是0 ~ 1
  2. 在颜色位置设置alpha通道(rgba )

你可能感兴趣的:(css的一些基础内容)