zoukankan      html  css  js  c++  java
  • 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是继承的关系;

  • 相关阅读:
    Docker 部署net5程序
    如何将Docker升级到最新版本
    IntelliJ IDEA修改maven默认仓库地址
    PowerDesigner 导出表结构 到Excel
    gradle加载项目过慢
    linux安装docker配置阿里云镜像
    svn 新建文件不能直接提交终于解决了
    Vs2017 NPM 安装 部署
    MYSQL日期时间字符串互转
    消除svn选定(checkout)桌面上文件显示一大堆问号。
  • 原文地址:https://www.cnblogs.com/mark645524126/p/13228189.html
Copyright © 2011-2022 走看看