CSS笔记:2.常见样式

这篇文章介绍了CSS中的一些基本样式声明,包括color、background-color、font-size、font-weight、font-family、font-style、text-decoration、text-indent、line-height等属性的使用,以及如何控制文字颜色、大小、样式和布局。此外,还提到了a、del、s元素的特殊效果。
摘要由CSDN通过智能技术生成

常见样式声明

注释:ctrl+?

color:颜色

元素内部的文字颜色。

  1. 预设值:定义好的单词
  2. 三原色、色值:(红、绿、蓝)每个颜色可以用数字表示0~255
    色值(红,绿,蓝)
    rgb表示法:
        rgb(0,0,0)
    hex(16进制)表示法:
        #红绿蓝
        #008c8c

淘宝红:#ff4400,#f40
黑色:#000000
白色:#ffffff
红色:#ff0000
绿色:#00ff00
蓝色:#0000ff
紫色:#ff00ff
青色:#00ffff
黄色:#ffff00
灰色:#ccc

background-color:元素背景颜色

font-size:元素内部文字的尺寸大小。

  1. px:像素,绝对单位(可理解为文字的高度占多少个像素)
  2. em:相对单位,相对于父元素的字体大小。
    每个元素必须有字体大小,如果没有声明,则直接继承父元素的字体大小。。如果没有父元素(html),则使用基准字号(浏览器设置的字体大小)。

font-weight:粗细

文字的粗细程度,可以用数字取值,也可以用预设值。
加粗:bold
正常:normal
strong元素:默认加粗。表示重要的、不能忽略的内容。

font-family:文字类型

黑体、宋体
必须用户计算机中有字体,才会有效。
使用多个字体,从特殊到普通。
sans-serif:表示非衬线字体

    font-family: Arial, Helvetica, sans-serif,翩翩体-简,微软雅黑;

font-style:字体样式

用于设置斜体(italic)
正常:nomal
1. i元素,默认字体是斜体。实际使用中,通常用于表示一个图标。
2. em元素:默认斜体。表示强调的内容。

text-decoration:文本修饰

给文本加线。
line-through:在文本中间加线。
overline:在文本上方加线。
underline:在文本下方加线。
none:无线。

**a元素:**默认文本下方加线。

**del元素:**错误的内容。内容默认中间加线。

成语:<del>章</del>张口就来

**s元素:**过期的内容。

<p>
    活动价:98,原价:<s>150</s>
</p>

text-indent:文本首行缩进

可以写像素px、em

line-height:行高

  • 每行文本的高度,值越高,每行文本的距离
  • 行高可以设置为纯数字,表示相对于当前元素的字体大小。
第一种:line-height:1.5
第二种:
    p{
        background-color:#008c8c;
        color:#fff;
        height:50px;
        line-height:50px;
    }

width:背景宽度

height:背景高度

letter-spacing:字体间隙

    letter-spae:1px;
    letter-space:1em,每个文字间隔一个字体。

text-align:文字水平排列方式

默认靠左排列。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值