css2

作者: LaBaby_ | 来源:发表于2017-06-20 00:07 被阅读0次

    <ol>css字体**
    <li> font-size 设置字体大小(px em rem)</li>
    <li>font-family 设置字体系列</li>
    <li>font-style 设置字体的风格<ul>
    <li>normal 设置字体属于正常</li>
    <li>italic 设置字体斜体</li>
    <li>oblique 文体倾斜显示</li></ul>
    </li>
    <li>font-weight 设置文本粗细
    <ul>
    <li>100-900</li>
    <li>bolder</li>
    <li>normal</li>
    </ul>
    </li>
    </ol>
    <ol>css背景
    <li>background-color 设置背景颜色</li>
    <li>background-image 设置背景图片</li>
    <li>background-repeat 设置图像的平铺
    <ul>
    <li>repeat 水平垂直方向向上平铺</li>
    <li>repeat-x 水平方向上的平铺</li>
    <li>repeat-y 垂直方向上的平铺</li>
    <li>no-repeat 背景图片仅显示一次</li>
    </ul>
    </li>
    <li>background-position 改变图片在背景中的位置
    <ul>
    <li>水平值 left right center 垂直值 bottom top center</li>
    <li>长度值 正值或负值 (px em)</li>
    <li>百分比值</li>
    </ul>
    </li>
    <li>background-attachment 设置背景关联
    <ul>
    <li>scroll 背景会随文档滚动</li>
    <li>fixed 背景固定 不会随文字滚动</li>
    </ul>
    </li>
    <li>background 复合样式(颜色 图像 平铺 关联 位置)</li>
    </ol>

    <ol>css列表
    <li>list-style-type
    <ul>
    <li>none 无标记</li>
    <li>disc 标记是实心圆</li>
    <li>circle 标记是空心圆</li>
    <li>square 标记是实心方块</li>
    <li>decimal 标记是数字</li>
    </ul>
    </li>list-style-image 设置列表项图片<li>
    </li>list-style-position 设置何处放置列表标记 (inside outside)
    <li>list-style 复合样式(标记 图片 位置)
    </li>
    </ol>

    <ol>css框模型(content padding margin border)
    <li>
    margin(改变与周围环境的相对位置)
    <ul>
    <li>margin-left</li><li>margin-right</li>mrigin-top<li></li>
    <li>margin-bottom(复合样式)
    <ol>
    <li>设置四个值(上右下走)</li>
    <li>设置三个值(上 左右 下)</li>
    <li>设置两个值(上下 左右)</li>
    <li>设置一个值(全部)</li>
    </ol>
    </ol>

    相关文章

      网友评论

          本文标题:css2

          本文链接:https://www.haomeiwen.com/subject/pkguqxtx.html