zoukankan      html  css  js  c++  java
  • 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 )
  • 相关阅读:
    iOS-Core-Animation-Advanced-Techniques(一)
    vue 路由
    Vue 生产环境部署
    vue 单文件组件
    vue 插件
    Vue 混合
    vue 自定义指令
    vue render函数 函数组件化
    vue render函数
    vue 过渡状态
  • 原文地址:https://www.cnblogs.com/panghu123/p/11706511.html
Copyright © 2011-2022 走看看