css属性

CSS基础属性

属性名:属性值;

Backgroud-color: red;

p{

backgrond-color: red;

font-size:14px;

}

2.1字体相关属性

字体相关的属性主要讲了一下5种样式

Font-family:(字体名称)、Font-size :(字体大小)、Font-style:(字体样式)、Font-variant:(字体变化)Font-weight: (字体粗细)

Font-style 、font-variant 、font-weight可以不指定值,使用默认值,但是Font-size 、font-family两个必须制定指定值,

<head>
    <style>
        p{
            font-family:宋体;
            font-size:36px;
            font-style:italic;
            font-variant:small-caps;
            font-weight:100;
           
        }
    </style>

    <meta charset="utf-8">
    <title>Title</title>
</head>
<body>
<p>字体相关的属性演示abc</p>

</body>

 

 2.2文本相关的一些属性

文本相关的属性包括颜色、对齐方式、修饰效果等等

Color:设置文本的颜色。

<style>
    p{
        color:red;
    }
</style>


Text-decoration:文本的修饰。None(默认值,没有装饰效果)、Underline(上划线)、Overline(下划线)、Line-through(删除线)

<style>
    p{
        text-decoration:line-through;
 
    }
</style>


Text-shadow:增加阴影。(比如text-shadow:-5px  -210px  gray;的含义是定义一个灰色的背景,其水平方向向左移动5px,垂直方向上移10px。)

<style>
    p{
        text-shadow:-5px-2px gray;
    }
</style>


Direction:方向。Ltr(自左至右)、rtl(自右至左)

<style>
    p{
        direction:rtl;
    }
</style>



Text-align:文本的对齐方式。Left(左对齐)、Right (右对齐)、Center (居中对齐)、Justify (两端对齐)

<styletype="text/css">
    td{
        text-align:justify;
    }
</style>


Vertical-align 垂直对齐方式。Top(靠上对齐) 、Bottom (靠下对齐)、Middle (垂直居中对齐)

<styletype="text/css">
    td{
        vertical-align:middle;
    }
</style>


Text-indent 文本缩进。Letter-spacing (字符间距)、Word-spacing(字之间的间距)

p{
    text-indent:40px;
}

p{
    letter-spacing:4px;
    word-spacing:4px;
}


Line-eight 设置行高,实际上调整行间距

<styletype="text/css">
    lable{
        background-color:gray;
    }
    p{
        background-color:gray;
        line-height:200%;
    }
</style>


 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值