CSS笔记02

L-XV

于 2019-09-19 18:55:26 发布

阅读量150

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_41258463/article/details/101031866

版权

8 篇文章 0 订阅

订阅专栏

CSS注释

CSS规则是使用 /* 需要注释的内容 / 进行注释的，即在需要注释的内容前使用 “/” 标记开始注释，在内容的结尾使用 “*/”结束。

color属性用于定义文本的颜色，其取值方式有如下3种：

1.预定义的颜色值，如red，green，blue等。

2.十六进制，如#FF0000，#FF6600，#29D794等。实际工作中，十六进制是最常用的定义颜色的方式。

3.RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。

line-height属性用于设置行间距，就是行与行之间的距离，即字符的垂直间距，一般称为行高。line-height常用的属性值单位有三种，分别为像素px，相对值em和百分比%，实际工作中使用最多的是像素px

text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性。其可用属性值如下：
left:左对齐
right：右对齐
center：居中对齐

text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值、em字符宽度的倍数、或相对于浏览器窗口宽度的百分比%，允许使用负值, 建议使用em作为设置单位。

letter-spacing属性用于定义字间距，所谓字间距就是字符与字符之间的空白。其属性值可为不同单位的数值，允许使用负值，默认为normal。

word-spacing属性用于定义英文单词之间的间距，对中文字符无效。

半透明的语法格式如下：

color: rgba(r,g,b,a)  a 是alpha  透明的意思  取值范围 0~1之间    color: rgba(0,0,0,0.3)

文字阴影语法格式：

`text-shadow:水平位置 垂直位置 模糊距离 阴影颜色`;

内嵌式是将CSS代码集中卸载HTML的head头部标签中，并且用style标签定义，基本语法格式如下：

<head>
<style type="text/CSS">
    选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}
</style>
</head>

内联样式是通过标签的style属性来设置元素的央视，其基本语法格式如下：

<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>

外链式是将所欲样式放在一个或多个CSS为扩展名的外部样式表文件中。其基本语法格式如下：

<head>
  <link href="CSS文件的路径" type="text/CSS" rel="stylesheet" />
</head>

关注