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的一些基础内容

原文：https://www.cnblogs.com/panghu123/p/11706511.html