文本的属性

  <!-- css文本

    1. text-align

       作用:设置文本的水平对齐方式

       语法:text:值;

       取值:center 居中对齐 left默认值居左对齐 justify 两端对齐

       注意:适用于块级元素

    2.text-decoration

       作用:设置文本装饰线

       语法:text-decoration:值;

       取值:line-through 删除线 穿过文本的一条线

             underline:  下划线,穿过文本下的一条线

            overline: 上划线  穿过文本上的一条线

            none:去掉文本装饰线“默认值”

    3.text-indent

        作用:设置文字的首行缩进

        语法:text-indent:值;

        取值:px, em

        百分比:相对于元素的内容进行计算

         允许出现负值

    4.color

        作用:设置字体颜色

        语法:color:值;

        取值: 关键词:red green

             16进制色值:#ffffff=#fff

              rgb颜色 rgb

                 rgb(0,0,0)  0-255之间

                rgba( )  a透明度0-1之间 0是全透明 1是不透明

          允许出现负值 -->

 <!-- 简写

      语法:font:字体风格,字体粗细 字号/行高  字体系列

      注意:只有当字号和字体系列同时存在时简写才会生效 -->

 <!-- 选择器                               <div

    类选择器:10

    id选择器:100

    标签选择器:1

    通配符选择器:0     范围越精确权重越高

 

    外边距:margin

         语法:margin:值;  上外边距:margin-top 下外边距:margin-bottom 

           左外边距:margin-left 右外边距:margin-right

    内边距:padding

            上内边距:padding-top 下内边距:padding-bottom

            左内边距:padding-left 右内边距:padding-right

 <!-- font-family

    作用:设置文字的字体系列

    语法:font-family 字体名称

    取值:一个字体名称  使用多个字体

           Microsoft YaHei    微软雅黑

    多个字体:逗号隔开

             如果浏览器不支持第一个字体,则会变成下一个字体进行设置(回退机制)

    注意:如果字体的名称包含空格,汉字,特殊符号,必须加引号 -->

 <!-- font-height

    作用:设置字体的粗细

    语法:font-height:值;

    取值:normal 默认值 正常粗细

    bold:加粗

    100-900 九级字重 400相当于mormal 700相当于bold

    并不是所有的字体都具备九级字重 -->

<!-- font-size

       作用:设置字体的大小

       语法:font-size:值;

       取值:长度值(px)

            百分比(相对于父元素)

            em 相对单位

                如果用于字号,相对于父元素字号进行计算,如果用于其他属性,相对于当前元素进行计算

        浏览器默认值的大小是16px -->

 <!-- font-style

        作用:设置字体的风格

        语法:font-style:属性值;

        取值:normal 默认值 正常显示不倾斜

             italic 倾斜显示 -->

 <!-- line-height

    作用:设置行高(效果是产生文本行间距)    行高

    语法:line-height:值;

    测量方法:文字的高加上行间距

    特性:实现单行文本的垂直居中:行高=盒子间距

    取值:px

         number 设置数字,数值与当前字号像素来设置行间距 2*font-size=行高

         百分比  相对于字体大小进行计算 -->

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值