单位和文本样式

1.单位
  颜色
    关键字  red,pink,teal
    十六进制的值  #ffffff(白色),#cccccc(灰色),#ff0000(红色)
    rgb函数  rgb(0,0,0)白色,rgb(0~255,0~255,0~255)
    rgba函数  rgba(0~255,0~255,0~255,0~1)红色,绿色,蓝色,透明度
  长度
    绝对单位
      px  像素
    相对单位
      em  相对于当前元素的字体大小
      rem  相对于html上的字体大小
选择器+样式(文本相关,字体,盒子,表格样式,列表样式)


2.文本相关的样式
  文字相关的样式(可以被继承)
    color  给文字指定颜色(关键字,十六进制的值,rgb,rgba)
    font-family  给文本设置字体(字体栈,字体族)
      serif  有衬线的字体,笔画结尾有特殊的装饰线或衬线
      sans-serif  无衬线的字体,笔画结尾是平滑的字体
      monospace  等宽字体,用于代码,字体中每个字宽度相同
      cursive         草书,这种字体有的有连笔,有的还有特殊的斜体效果。
      fantasy     梦幻装饰字体 ,具有特殊艺术效果的字体
    网络字体
     @font-face{
            font-family: myfont;
            src:url(./网络字体1.TTF)
        }
        p{
            font-family: myfont;
        }
    font-style  用于打开和关闭斜体
      normal  【默认】正常字体,关闭斜体
      italic  斜体                
      oblique  模拟斜体
    font-weidth  控制字体的粗细程度
      normal  【默认】正常,400
      bold  加粗字体,700                
      lighter  设置当前元素字体比父元素更细
      bolder  设置当前元素字体比父元素更粗
      100–900  数值类型的粗细程度(值越大字体越粗)
    text-align  文本的排列方式
        left  左对齐
        center  居中
        right  右对齐
    text-transform  允许字体变形
        none  防止任何改变            
        uppercase  将文本转换为大写                
        lowercase  将文本转换为小写        
        capitalize  将所有单词第一个字母转换为大写
        full-width  转换为类似于一个等宽字体
    text-decoration(line  style  color)
    text-decoration-line  线的种类    
        none          取消所有文本修饰            
        underline      为文本添加下划线            
        overline      为文本添加上划线            
        line-through     为文本添加删除线
    text-decoration-style  线的样式
        solid(实线) 、
        wavy(波浪线)、
        dashed(虚线)、
        dotted(点状线)、
        double(双实线)
    text-decoration-color  颜色
        关键字,十六进制的值,rgb函数,rgba函数
    text-shadow  (h-shadow v-shadow blur color)文本的阴影
          none  取消所有阴影            
          h-shadow  必需。水平阴影的位置。允许负值        
          v-shadow  必需。垂直阴影的位置。允许负值        
          blur  可选。模糊的距离
          color  可选。阴影的颜色。参阅 CSS 颜色值

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值