美文网首页HTML5&CSS3
第十二节:常见CSS样式声明

第十二节:常见CSS样式声明

作者: EndPein | 来源:发表于2020-04-09 15:44 被阅读0次

常见样式声明

1、 color
元素内部的文字颜色
预设值:定义好的单词
三原色,色值:光学三原色(红、绿、蓝),每种颜色可以使用0-255之间的数字来表达,数字越大,颜色越重

rgb表示法:
rgb(0,255,0)
hex(16进制)表示法:
#红绿蓝
#008c8c

常见颜色:
淘宝红:#ff4400、 #f40
黑色:#000000、#000
白色:#ffffff、#fff
红:#ff0000、#f00
灰色:#cccccc、#ccc

2、backgroud-color
背景颜色

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

4、font-weight
文字粗细程序,可以取值数字,可以取值为预设值
默认值是normal等于重量400 不加粗
bold 加粗

strong元素,默认加粗。

5、font-family
文字类型

font-family: Arial, Helvetica, sans-serif;

这里的取值必须是用户电脑存在的字体,英文可以使用consolas字体比较好看
sans-serif 表示非衬线字体

6、font-style
字体样式,通常用它设置斜体(需要字体支持)

i元素、em元素的默认样式就是字体倾斜;但在实际使用中,通常用来表示图标(icon)

font-style:italic;  倾斜
font-style:normal;  不倾斜

7、text-decoration
文本修饰,给文本加线。
例如删除线、上划线、下划线等
设置为空可以设置为none

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

8、text-indent
首行文本缩进
可以使用px、em,em代表缩进几个汉字

9、line-height
行高,每行文本的高度该值越大,每行文本的距离越大
设置行高为容器的高度,可以让单行文本垂直居中
行高可以设置为纯数字,表示相对于当前元素的字体大小

10、width
宽度

11、height
高度

12、letter-spacing
文字间隙

13、text-align
元素内部文字的水平排列方式

相关文章

  • 第十二节:常见CSS样式声明

    常见样式声明 1、 color元素内部的文字颜色预设值:定义好的单词三原色,色值:光学三原色(红、绿、蓝),每种颜...

  • css

    css基础css选择器css常见样式1css常见样式2CSS布局上CSS布局下flex布局塔防小游戏flex布局青...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

  • CSS的常见样式

    本篇文章将主要阐述CSS的常见样式 对于常见样式做出大量说明 虽然CSS的样式并不算多但是在CSS的使用上却是最多...

  • 【CSS】三、常见属性

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 三、...

  • 【CSS】 一、使用CSS样式的方式

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 一、...

  • 【CSS】 二、定义样式表

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 二、...

  • 【CSS】四、DIV+CSS布局

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局## 四、...

  • css important

    在CSS中,通过对某一样式声明! important ,可以更改默认的CSS样式优先级规则,使该条样式属性声明具有...

  • 从零开始学CSS - 样式

    样式 CSS 背景属性 CSS 文本属性 CSS 字体属性 链接 常见的链接样式,text-decorat...

本文标题:第十二节:常见CSS样式声明

本文链接:https://www.haomeiwen.com/subject/ezdcmhtx.html