• css作用 文本属性 颜色属性


    Css作用:美化页面

    各种css属性 接触的 css属性

    width

    height

    background

    Color

    选择符和声明

    声明包括 属性:属性值

    选择符:{

    属性:属性值

    }

    1:文本属性:font-size:;

    A,为了消除系统式设备之间的字体显示差异 规定16px为标准字体大小

    B,文本大小的设置在pc端尽量设置成偶数

    C,文本大小的设置在pc端最小尽量别低于12px

    D,怎么在设计图上面获取文本大小汉子,高度等

    E,文字的单位:px   pt(磅)pt=12px  em(相对大小单位,相对于父元素的font-size值)

    1em = 16px

    2:文本颜色 color:;

    rgb颜色模式:colorrgb11212,12);

    rgba颜色模式:colorrgba255,0,0,0.5);后面的0.5是透明度1是不透明

    十六进制数字表示颜色值  表示颜色值:#16进制的数字(6位或者3位(3位必须数字是相同的))

    color#225,0,0color#000;   color:red;

    3:文本类型:font-family:;

    大部分浏览器默认字体:微软雅黑;

    语法:如果字体是中文;字体要放在引号里面

    B,如果字体是多个英文单词也要放在引号里面

    C,我们把系统或者设备能识别的字体称之为:web安全字体

    D,如果设置多个字体情况下字体和字体之间用逗号隔开

    E,如果中英文都存在的情况下,先写英文字体再写中文字体

    F,Aridl英文默认字体

     

    4:字体加粗:font-height:;

    属性值:

    normal  常规文本

    bold  加粗

    bolder 加粗

    100-900  分为9个等级

     

    5:字体的倾斜  font-style:;

    属性值:

    normal  常规文本

    italic  倾斜

    oblique 倾斜

    6:行高的处理 : line-height:;

    A,在设计图里面获取行高(从第一行开始量到第二行开始)

    B,行高在浏览器的解析:line-height40px;让文本在40px的高度里面上下居中

    C,单行文本撑开容器高度的时候上下误差清零:line-height设置成文字高度

    7:水平对齐方式:

    text-align:;

    属性值:left right center justify(二端对齐)

    8:文本修饰属性:(下划线)

    text-decoration:;

    属性值:

    none  去掉下划线

    underline 添加下划线

    overline  添加上划线

    line-though  添加删除线

    blink 浏览器不识别 闪

    9:首航缩进 : text-indent:;

    text-indent2em

    属性值可以是负数(悬挂式缩进)

    10:字体间距&&词间距

    letter-spacing

    word-sapcing

    11:控制文本带小写:

    text-transform:;

    属性值:

    capitalize 每个单词首字母大写

    uppercase 大写

    lowercase 小写

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    列表,表格与媒体元素
    【Mac + Appium + Python3.6学习(三)】之IOS自动化测试环境配置
    Mac 下的自动化学习
    【Mac + Appium + Python3.6学习(二)】之Android自动化测试,appium-desktop配置和简易自动化测试脚本
    【Mac + Appium学习(一)】之安装Appium环境前提准备
    anyproxy-初识使用
    fiddler 学习教程
    Linux学习
    python 接口自动化
    python 学习教程
  • 原文地址:https://www.cnblogs.com/ht955/p/13767196.html
Copyright © 2020-2023  润新知