长度单位:px-像素
颜色单位:
        ①十六进制:#FFFFFF;
        ②颜色名称:red;
        ③RGB颜色代码:RGB(0-255,0-255,0-255);
RGBA:
        ①#FFFFFF;(透明度)
        ②RGBA(0-255,0-255,0-255,0-1);(透明度)
尺寸属性:
        width,height,min-width,max-width
 
 
font缩写形式:font-style font-variant font-weight/font-size line-height font-family
   ①顺序如上
   ②空格分隔,weight与size用/分隔
   ③例如:font:italic bold 75%/1.8 'Microsoft Yahei', sans-serif;  
              斜体 加粗 字号/行高 字体族(微软雅黑,非衬线字体族)
font-weight字体粗细:bold加粗 ,lighter细体 ,100-900,
font-size:**px ,**%(浏览器默认字体大小的百分比,绝大部分默认16px)
font-family:多字体之间用,分隔,浏览器解析时会从左往右依次解析,
       一般前面使用字体名称,最后一个使用字体族名称。(衬线体serif,非衬线体sans-serif,等宽    体Monospace)(只有当字体名中有一个或多个空格(比如 New York),或者如果字体名包括 # 或 $ 之类的符号,         才需要在 font-family 声明中加引号)
font-style:正常normal,斜体italic,文本倾斜oblique

italic 和 oblique 的区别

斜体(italic)是一种简单的字体风格,对每个字母的结构有一些小改动,来反映变化的外观。与此不同,倾斜(oblique)文本则是正常竖直文本的一个倾斜版本。

color
opacity:0-1,控件背景以及空间子元素均透明,而rgba只会使本空间透明,子空间不发生变化
 
line-height
   ①像素单位:48px
   ②倍数:2
   ③百分数:200%
   典型应用:调整空间中文字垂直居中,控件的height=控件的line-height
text-align:块级元素中文字水平对齐方式:left-right-center
letter-spacing:字与字之间的间距
text-decoration:下划线underline,删除线line-through,上划线overline,none
overflow:溢出,hidden,scroll,auto。overflow-x,overflow-y设置水平和垂直方向的溢出
text-overflow:clip裁切,ellipsis省略号代替多余部分
【重点】让每行多余文字显示省略号
       ①white-space:nowrap;如果是中文需要设置行末不断行
       ②overflow:hidden;设置控件超出范围
       ③text-overflow:ellipsis;设置多余文本省略号显示
text-shadow:*水平阴影,*垂直阴影,阴影模糊距离,阴影颜色。
text-indent:(首行缩进)可用像素值调整缩进大小
△text-stroke(文字描边):粗细(px) 颜色;
   -webkit-text-stroke-width:2px;

   -webkit-text-stroke-color:#ff0;
white-space:nowrap;修改中文行末不断行显示
word-break(设置英文断行显示):normal(默认在空格处断行),break-all(允许单词内换行),break-word(按单词断开)
   
 
 

 

Css常用属性单位的更多相关文章

  1. 好程序员web前端分享css常用属性缩写

    好程序员web前端分享css常用属性缩写,使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #0000 ...

  2. 1+x证书学习日志——css常用属性

     ## css常用属性:             1:文本属性:                 文本大小:  font-size:18px;                 文本颜色    colo ...

  3. CSS常用属性-xy

    一.文本Text CSS text-align 属性 文本对齐方式 CSS text-decoration 属性 text-decoration 属性规定添加到文本的修饰 CSS line-heigh ...

  4. 02: css常用属性

    目录: 1.1 设置样式的七个选择器 1.2 css常见属性浅析 1.3 css布局中常用方法 1.1 设置样式的七个选择器返回顶部 1.其中选择器介绍 1. 直接在标签里的style标签写样式 2. ...

  5. css常用属性总结:颜色和单位

    在css代码编写中,估计颜色和单位是必不可少的,然而在css中关于颜色和单位值的写法有很多种写法,所以有必要把它弄清楚. 颜色 当初我在初学前端的时候,就会冒出一个疑问“我该如何设置网页颜色?”,一般 ...

  6. css常用属性1

    1  背景相关 背景颜色 background-color     = 颜色名称/rgb值/十六进制值 背景图片 background-image = url('') 背景图片平铺方式 backgro ...

  7. css常用属性汇总

    一.常用css属性 (1) *block(区块) 行高 line-height:数值 | inherit | normal; 字间距 letter-spacing: 数值 | inherit | no ...

  8. 23----2013.07.01---Div和Span区别,Css常用属性,选择器,使用css的方式,脱离文档流,div+css布局,盒子模型,框架,js基本介绍

    01 复习内容 复习之前的知识点 02演示VS创建元素 03div和span区别 通过display属性进行DIV与Span之间的转换.div->span 设置display:inline   ...

  9. css常用属性总结:关于word-spacing和letter-spacing的使用

    前端时间项目版本迭代,修改代码时发现使用了关于word-spacing和letter-spacing.先说下使用场景,以前的项目中,经常遇到某些字符间有一些间距,我看了一些同事的代码是这么实现的: & ...

随机推荐

  1. 小程序 当button遇上Flex布局

    当需要将button按行排列,当超过一行时,可以换行,从左到右排列,想实现如下效果(实现的比较粗糙,能说明问题就行,呵~~~): 使用Flex布局,在设置主轴方向上对齐方式,使用justify-con ...

  2. 多线程入门-第四章-线程的调度与控制之sleep

    /* sleep,阻塞当前线程,腾出CPU,让给其他线程 单位是毫秒 静态方法 */ public class ThreadTest04 { public static void main(Strin ...

  3. Spring Data @Query查询注解的使用(六)

    按照上一篇文章 我们知道  我们定义的方法  都要根据它的规范进行定义  不然就没法实用 这篇我们讲@Query 查询注解   我们就可以不需要遵循它的方法规则去编写  咱们讲@Query定义到方法上 ...

  4. 使用maven为web工程引入jstl包时报错了

    原pom文件: <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</a ...

  5. [golang note] 包和导入

    package的作用        √ package是golang最基本的分发单位和工程管理中依赖关系的体现.        √ 每个golang源代码文件开头都拥有一个package声明,表示该g ...

  6. 001-navicat for oracle 12 破解安装

    1.首先软件包和破解文件都需要到我给的百度云盘地址下载,去官网下载的中文版破解不了,至于官网的英文版,我就不清楚了. (1)链接地址. https://pan.baidu.com/s/1jxj4uzg ...

  7. PKU 1035 Spell checker(Vector+String应用)

    题目大意:原题链接 1输入一个字符串,如果字典中存在该字符串,直接输出,否则; 2.删除,替换,或插入一个字母.如果使得输入字符串==字典中已经有的单词,输出该单词,否则. 3.直接输入下一个字符串, ...

  8. Hadoop 2.0 上深度学习的解决方案

    原文连接:https://www.paypal-engineering.com/tag/data-science/ 摘要:伴随着数据的爆炸性增长和成千上万的机器集群,我们需要使算法可以适应在如此分布的 ...

  9. (译)Windows Azure:移动后端开发的主要更新

    Windows Azure:移动后端开发的主要更新 这周我们给Windows Azure释出了一些很棒的更新,让云上的移动应用开发明显的简单了.这 些新功能包括: 移动服务:定制API支持移动服务:G ...

  10. android线程学习心得

    有一篇关于android线程讲的非常好,大家可以参考下,其中有一句话讲的非常好,就拿来做开篇之句: 当一个程序第一次启动时,Android会同时启动一个对应的主线程(Main Thread),主线程主 ...