当前位置 : 主页 > 网页制作 > css >

css的一些基础内容

来源:互联网 收集:自由互联 发布时间:2021-06-13
清除浮动最好的方式(在父元素上加此属性) .clearfix::after { content: ""; display: block; clear: both;} 选择并列元素中第几位设置为此属性(现在设置为六的倍数位) */ main .movies:nth-child(6n){ m

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

.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 )
网友评论