• css文本、字体、盒模型(重点)


    1、文本:改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。

    text-indent:首行缩进;

    text-align:文本行对齐方式;

    text-decoration:下划线underline、删除线line-through、顶划线overline;(装饰修饰)

    line-height:高度固定后,可以设置垂直居中

    word-break:单词换行

    white-space: nowrap;文本不换行

    overflow: hidden;

    text-overflow: ellipsis;文本超出显示省略号

    2、字体

    font-family:字体类型;可以写多个,浏览器识别的第一个;

    “Microsoft Yahei(微软雅黑),SimSun(宋体),SimHei(黑体)”

    font-size:字体大小;chrome最小12px;

    font-weight:字体粗细;bold加粗;bolder更粗;lighter更细;400等同于normal;700相当于bold;

    font-style:斜体;normal正常;italic斜体;oblique倾斜(这两个斜体在浏览器看上去相同)

    color;字体颜色;

    颜色值:

    1.1十六进制的颜色值 #ff0000 缩写#f00;

    1.2 RGB值:rgb(255,0,0);RGBA

    1.3英文单词

    3、盒模型重点

    margin:外边距;

    margin-top/margin-left

    margin-bottom/margin-right

    外边距合并:当两个垂直外边距相遇时,它们将形成一个外边距;

    可以使用padding或border分开两个外边距;

    padding:内边距;

    padding-top/padding-left

    padding-bottom/padding-right

    border:边框;1px solid #000;

    border-宽度;

    border-style:solid(实线)dotted(点线)dashed(虚线)double(双线)

    border-color:颜色;

    一般body是默认有margin;

    margin:0 auto;设置左右居中;

    四个值的顺序:上

    CSS是继承的关系;

  • 相关阅读:
    CodeForces 514B
    CodeForces 514A
    UVa 818
    HDU 1003
    UVa百题总结
    UVa 11526
    UVa 12412
    UVa 211
    UVa 1587
    UVa 225 – Golygons [DFS+剪枝]
  • 原文地址:https://www.cnblogs.com/mark645524126/p/13228189.html
Copyright © 2020-2023  润新知