zoukankan      html  css  js  c++  java
  • 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 小写

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    1058 A+B in Hogwarts (20)
    1036. Boys vs Girls (25)
    1035 Password (20)
    1027 Colors in Mars (20)
    1009. Product of Polynomials (25)
    1006. Sign In and Sign Out
    1005 Spell It Right (20)
    1046 Shortest Distance (20)
    ViewPager页面滑动,滑动到最后一页,再往后滑动则执行一个事件
    IIS7.0上传文件限制的解决方法
  • 原文地址:https://www.cnblogs.com/ht955/p/13767196.html
Copyright © 2011-2022 走看看