html5——CSS3

2024-07-16 1006阅读

目录

字体样式

字体类型 

字体大小

字体风格

字体的粗细 

 文本样式

文本颜色

 排版文本段落

文本修饰和垂直对齐 

文本阴影


 

字体样式

html5——CSS3

字体类型 

p{font-family:Verdana,"楷体";}

body{font-family: Times,"Times New Roman", "楷体";}

html5——CSS3

字体大小

font-size属性: 单位:

px(像素)推荐使用

em、rem、cm、mm、pt、pc

eg:h1{font-size:24px;} 

字体风格

font-style属性: normal、italic和oblique【斜体】

html5——CSS3

字体的粗细 

html5——CSS3

font属性的顺序:字体风格→字体粗细→字体大小→字体类型

p span{font:oblique bold 12px "楷体";}

 文本样式

 html5——CSS3

文本颜色

color属性:

  • REB:
  • ·十六进制方法表示颜色:前两位表示红色分量,中间两位表示绿色分量,最后两位表示蓝色分量·rgb(r,g,b) : 正整数的取值为0~255

    RGBA:

    ·在RGB基础上增加了控制alpha透明度的参数,其中这个透明通道值为0~1 

    eg:

    color:#A983D8;

    color:#EEFF66;

    color:rgb(0,255,255);

    color:rgba(0,0,255,0.5);

     排版文本段落

     html5——CSS3

    水平对齐方式:text-align属性

    首行缩进:text-indent:em或px

    行高:line-height:px

    文本修饰和垂直对齐 

    html5——CSS3

    文本装饰 :text-decoration属性

    垂直对齐方式:vertical-align属性:middle、top、bottom

    html5——CSS3

    文本阴影

    html5——CSS3

    text-shadow : color  x-offset  y-offset  blur-radius;

    浏览器兼容性 

    html5——CSS3

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]