• CSS属性


    #CSS属性
    ##列表
    1.list-style-type:表示列表项标记的类型

    2.list-style-image表示把图像设置为列表中的项目标记

    3.list-style-position表示列表标记位置

    4.list-style
    {url("") square inside }
    :可以按顺序写出来,也可以不设置某一个值

    ##文本
    1. text-shadow文本阴影{水平方向  垂直方向  模糊值  颜色}
    2. color文本颜色
    3. text-decoration文字特效{none/overline上划线/underline下划线/line-though删除线}
    4. direction表示文字方向{ltr从左到右/rtl从右到左}
    5. text-align文字对齐方式{left靠左对齐/right靠右对齐/center居中对齐}
    6. line-height表示行高,两文本基线之间的垂直方向的距离
    7. word-spacing给定数值可以修改英文单词之间的间隔
    8. letter-spacing给定数值可以修改英文子母之间的间隔
    9. text-indent表示文本缩进{数值/百分比}

    ##背景
    1. background-repeat表示背景是否平铺{no-repeat不平铺/repeat-x从水平方向平铺/repeat-y从垂直方向平铺 默认值平铺}
    2. background-size表示背景图的大小{宽度 高度}
    3. background-position表示背景图的位置{垂直距离 水平距离}
    4. background-attachment表示背景关联{fixed}长内容背景固定不随文字上下动
    5. background-clip背景剪裁{padding-box在内边距以内显示/border-box在边框以内显示/content-box在内容盒中显示}
    6. background:linear-gradient(第一个参数表示渐变色方向,第二个参数表示渐变开始的颜色,可以加好几个颜色(过渡的颜色)...最后一个参数表示结束的颜色)**表示背景渐变色**
    7. background:repeat-linear-gradient(第一个参数表示线性渐变的方向,第二个参数表示第一个颜色以及开始位置,第三个参数表示第一个颜色以及结束位置,颜色...倒数第二个参数表示最后一个颜色以及起始位置,最后一个参数表示最后一个颜色以及结束位置)**表示背景线性渐变**
    8. background:radial-linear-gradient(circle,颜色)**表示从圆心开始向外呈现同心圆渐变**
    9. background-origin{content-box从内容框开始/border-box从边框开始/padding-box表示从内边距框开始}**表示背景图片或者背景色的起始位置**当属性background-attachment为fixed时无效

    ##边框
    1. border-radius表示边框变圆角{取值为em,%,顺序为左上、右上、右下、左下}
    2. box-shadow{水平方向的尺寸 垂直方向的尺寸 模糊值 阴影尺寸 颜色 (可不写)inset阴影向内扩散}

    ##文字
    1. font-weight表示字体粗细{数值100-900整百、关键字bolder更粗/lighter更细/bold粗体字符/normal标准字符}
    2. font-style表示字体样式{itatic斜体/normal正常}
    3. font-sizeb表示字体大小{取值固定值lengt/%等  必须是大于12px的偶数}
    4. font-family表示设置字体,浏览器会按照书写顺序选择字体{"字体样式"}
    5. font-streth表示字体拉伸{默认值normal}
    ##动画
    animation标签以及@keyframe

  • 相关阅读:
    安装Python及工具
    Python能做什么
    学习Python前序
    [摘]selenium-ide命令
    [摘]selenium-ide编辑命令
    selenium-ide学习
    敏捷个人课后练习:管理情绪
    敏捷个人课后练习:释放情绪
    敏捷个人课后练习:接纳情绪
    敏捷个人课后练习:承诺
  • 原文地址:https://www.cnblogs.com/bohou/p/8976614.html
Copyright © 2020-2023  润新知