• css常用属性


     
    

    去除列表样式:list-style: none;

    去除超链接下划线:text-decoration: none;

    字体大小:font-size

    字体粗细:font-weight

    文字倾斜:font-style(正常(默认值):normal,倾斜:italic)

    字体系列:font-family

    字体font相关属性的连写:font:style weight size family;

    文本缩进:text-indent(1em = 一个字的大小)

    文本水平对齐:text-align

    文本修饰:text-decoration(underline下划线(常用)、line-through删除线)

    行高:line-height

    背景色:background-color

    背景图片:background-image

    背景平铺:background-repeat(repeat:(默认值)水平和垂直方向都平铺 ,no-repeat:不平铺,repeat-x:沿着水平方向平铺,repeat-y:沿着垂直方向平铺)

    背景位置:background-position

    背景相关属性连写:background:color image repeat postion

    内边距:padding

    外边距:margin

    边框:border

    浮动:float

    定位:position

    垂直对齐方式:vertical-align

    光标类型:cursor

    边框圆角:border-radius

    溢出部分显示:overflow

    透明:opacity

    边框合并:border-collapse:collapse

    设置背景图片的大小:background-size: 宽度 高度;

    background连写:background: color image repeat position/size;

    盒子阴影:box-shadow

    过渡:transition :all 1s

    位移:transform: translate(水平移动距离,垂直移动距离);

    旋转:transform:rotata(角度); 角度单位是deg

    多重转换(旋转+位移):transform:translate() rotate();

    缩放:transform:scale(缩放倍数);

    渐变:background-image: linear-gradien{颜色1,颜色2}

    主轴对齐方式:justify-content

    侧轴对齐方式:align-items

    控制某个弹性盒子在侧轴的对齐方式:align-self

    伸缩比:flex : 值;

  • 相关阅读:
    3D MINS 多模态影像导航系统
    Flink SQL: UNLOAD Statements
    SaaSBase:什么是为知笔记?
    【SQL】数据倾斜 SQL 改写
    1.Node.js-函数和匿名函数的用法
    1988-2019年中国和世界各国对世界农产品贸易数据
    Vue学习:分析hello案例
    lazarus创建自定义组件
    STM32的中断
    【大数据架构(2)】kappa架构介绍
  • 原文地址:https://blog.csdn.net/m0_70619994/article/details/127042029