• 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属性连写中的属性 都要设置  那么就要按照 上面的顺序写

     

  • 相关阅读:
    [No0000161]IDEA初步接触
    [No0000171]wpf 类层次结构Class Hierarchy
    [No0000160]常用C# 正则表达式大全
    [No000015D]【李笑来 笔记整理】个人商业模式升级
    thinkphp 系统变量
    thinkphp不读取.env文件的键对值
    thinkphp 模板变量输出替换和赋值
    thinkphp 视图view
    thinkphp 响应对象response
    Thinkphp 请求和响应
  • 原文地址:https://www.cnblogs.com/pqy521/p/9173328.html
Copyright © 2020-2023  润新知