【css的段落距离怎么调】前端-css基本使用方法

一、css-参考样式

第一个：直接定义和引用样式

第二个：在头上添加以下代码(类似于全局变量)，然后引用：

PS:(如果class='div '则全局。找到div样式。)。

.div{

Color: red

font-size : 50 px；

}

第三：将需要引用的样式保存到其他文件(eg:index.css文件)中

将样式：导入head头部，然后从body调用样式： C1

关于优先级，第一个使用最高的(直接在body中定义参考样式)，推送使用第三个。

二、css-选择器

选择器(查找标签): class选择器、标签选择器和ID选择器(这三个很重要，建议使用class选择器)。）

1、类选择器(推荐)

.Bt { background-color 3360 # ccccc }

2、标签选择器。

button { background-color 3360 # ccccc }

3、身份选择器。

# button { background-color 3360 # ccccc }

4、级别选择器。

p div { background-color 3360 # ccccc }

只能对 p内的div标签应用样式，并且可以像路径一样嵌套多个层

5、组合选择器。

p、a { background-color 3360 # cccc }

包括通用选择器、伪类选择器、同级选择器、子类选择器等。写代码的时候灵活使用就可以了！

三、字体样式

Font-size:字体大小

字体粗细bold粗/normal中/lighter细/100~900为Font-weight:

Line-height:行高。设置为大于或等于字体大小，字体居中垂直居中，行高居中

Font-style:字体样式normal normal /italic斜体

设置字体类型的字体系列；可以设置多个值；如果以前的字体不存在或无法正常工作，则会选择下一种字体：font-family:字体样式大小/行高系列。

长度

Px:像素(pixel)，屏幕上显示的最小单位

Mm:毫米

Cm:厘米

In:英寸

Pt:点(point)，标准长度单位，1in=72pt

Em:相对长度，1em=16px

颜色

英语单词： red、green、yellow等

Rgb():r可以是red、g是green、b是bule、颜色三原色，三个值可以是[0-255]数字或百分比(以逗号分隔)

Rgba():的前三个值可以是像素或百分比，最后是表示透明度的[0，1]值

Hsl():h为Hue(色调)，s为Saturation(饱和度)，l为Lightness(亮度)，第一个值为[0，360]，最后两个值为百分比

#后跟6个十六进制数字(例如#AABBCC)。每个人代表一种颜色三原色，可以缩写为#abc

文本样式

颜色：文本颜色

Text-decoration:虚线underline下划线/line-through中间虚线/overline上划线

Letter-spacing:字间距

Word-spacing:字间距

text-对齐align:文本。左对齐/中心居中对齐/右对齐

垂直对齐：垂直对齐

Word-break:自动换行normal默认换行规则/break-all允许在单词内换行

Text-transform:转换英语大小写capitalize第一个字母大写/upercase所有字母大写/lowercase所有字母小写

Text-indent:控制段落首行的缩进和缩进距离

Margin:设定段落之间的距离

先写到这里吧。CSS还有很多款式。请稍后解释。