CSS常见样式声明

常见样式声明

  1. color

元素内部文字的颜色

预设值:定义高的单词

三原色,色值:光学三原色(红、绿、蓝),每个颜色可以使用0~255之间的数字来表示,色值。

rgb表示法:
rgb(0,255,0)
hex(16进制)

淘宝红:#ff4400, #f40
黑色:#000000,#000
白色:#ffffff, #fff
红:#ff0000, #f00
绿:#00ff00, #0f0
蓝:#0000ff, #00f
紫:#f0f
青:#0ff
黄:#ff0
灰色:#ccc

  1. background-color

元素背景颜色

  1. font-size

元素内部文字的尺寸大小

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

user agent,UA,用户代理(浏览器)

  1. font-weight

文字精细程度,可以取值数字,可以取值为预设值

默认值:normal 正常粗细 ===> 400取值

加粗:bold ===> 700

strong元素默认加粗,表示重要的、不能忽略的内容

  1. font-family

文字类型

必须用户计算机中存在的字体才有效。

使用多个字体,一匹配不同环境

sans-serif, 非衬线字体

  1. font-style

字体样式,通常用它设置斜体

值:
italic 倾斜

i、em元素,默认样式,是倾斜字体;

i元素:表示一些特殊的文本,实际使用中,同常用它表示一个图标(icon)

em:表示强调的内容

  1. text-decoration

文本修饰,给文本加线。

值:
underline 下划线
none 没有线

a元素
del元素:错误的内容
s元素:过期的内容

  1. text-indent

首行文本缩进

  1. line-height

每行文本的高度,该值越大,每行文本的距离越大

设置行高为容器的高度,可以让单行文本垂直居中

行高可以设置为纯数字,表示相对于当前元素的字体大小

  1. width

宽度

  1. height

高度

  1. letter-space

文字间隙

  1. text-align

元素内部文字的书平排列方式

值:
right 右
left 左
center 居中
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章