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
透明度
- opacity,它设置的是整个元素(包括子元素)的透明,它的取值是0 ~ 1
- 在颜色位置设置alpha通道(rgba )