css的一些基础内容

前端之家收集整理的这篇文章主要介绍了css的一些基础内容前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

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

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

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

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

border-radius: 50%;

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

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

Box-sizing:border-Box;

设置半透明的方法 */

background-color:rgba(0,0.5)

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

cursor: pointer;

选择第一个子元素

:first-child

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

:first-of-type

选择最后一个子元素

:last-child

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

:last-of-type

选中指定的第几个子元素

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

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

nth-of-type

透明度

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

猜你在找的CSS相关文章