css 常用属性

颜色:

     

color:#fff ;/*前景色 文字颜色 设置颜色*/

background-color:#fff;/*背景颜色*/

颜色的表达方式:

  1.       直接设置颜色名称,‘英文’  red,green
  2.       使用16进制表示:#fff;
  3.       使用三原色显示:rgb(0-255,0-255,0-255)     ;    r:red       g:green      b:blue       表示案例   color:rgb(0,0,0)

半透明显示

  1.   rgba -------------     a(0-1)(表示透明度)0是完全透明  1不透明     表示案例   color:rgba(0,0,0,1)                
  2.        使用opacity  实现半透明 

         *(0-1)(表示透明度)

                        *优缺点    所在的元素都会半透明   比如  p标签  我只想让背景颜色半透明 不想文字半透明    实现不了   

        *兼容性不好    可以加  filter : Alpha(opacity=50)

文字属性   高度属性  

      

font-size:5px;/*文字大小*/

width:5px;/*属性宽度*/

height:5px;/*属性高度*/
text-align:center;/*left,center,right; 内容居中   (文字可以居中 图片也可以居中)*/    /*注意:该属性只能给块级元素设置*/



text-indet:2em;/*设置首行缩进*/
font-weight:     /*文字加粗属性normal 默认值   正常    700 加粗效果  bold  文字加粗  400 文字正常显示*/


font-style:    /*设置文字斜体 属性 normal 默认值  正常显示  italic 斜体显示*/


font-family : 微软雅黑 宋体 楷书; /*设置文字字体   */
line-height:  ;/*设置文字行高*/

文字单位 :

  1.   px;像素
  2.        em;1个em 一个文字大小

行内元素有:heda   meat   title  lable  span  br  a   style  em  b  i   strong

块级元素有:body  from  select  textarea  h1-h6 html table  button  hr  p  ol  ul  dl  cnter  div    块级元素  自己占一行  宽高可以控制

行内块元素常见的有: img  input  td  

设置字体:

  1. 可以设置汉字
  2. 可以英文
  3. 可以Unicode编码

 font:属性连写

  

/*font:font-weight font-style font-size/line-height font-family*/
/*        文字加粗         文字斜体      文字大小/文字行高    文字字体*/
font:700 italic 30px/20px 微软雅黑;

注意

  • 如果用连写  必须要设置  文字大小   还有 文字字体
  • 在属性连写中  文字大小  必须在 文字字体 前面设置
  • 如果font属性连写中的属性 都要设置  那么就要按照 上面的顺序写

 

原文地址:https://www.cnblogs.com/pqy521/p/9173328.html