css怎么设置不同的span属性？

html-css047

css怎么设置不同的span属性？,第1张

你这个问题涉及到CSS选择器，你现在设置的是元素选择器:span，你要每个span不同的话，按照你现在的代码，最简单的就是用 ID 选择器就行了，其中，你的 span 的 id 命名必须使用英文字母开头，不能用数字开头，可以换成 id="d1" 这样 ， d1 ,d2 ,d3 ，另外，一个网页中，id 具有唯一性，不要为元素赋予相同的 id ，虽然不会报错，但是后面的不会生效。你的代码改为：

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>span标签和字符实体</title>

<style type="text/css">

#d1{color: red}

#d2{color: #000}

#d3{color: #f0f}

</style>

</head>

<body>

<span id="d1">html中预留字符必须替换成字符实体</span><br>

<span id="d2">html中预留字符必须替换成字符实体</span><br>

<span id="d3">html中预留字符必须替换成字符实体</span><br>

</body>

</html>

'------------------------------

其中，颜色值 RGB 中，其中的两位数字都相同的话，可以简写为一位，#000 相当于 #000000

#f0f 相当于 #ff00ff 。

最后，建议多去 w3school 查查资料：网页链接 ，这里比较全。

是这样的，如果把CSS写在XML文件中，就要在CSS或者JS的代码前面加上这个，以表示不是一般的XML元素。、

术语 CDATA 指的是不应由 XML 解析器进行解析的文本数据（Unparsed Character Data）。

在 XML 元素中，"<" 和 "&" 是非法的。

"<" 会产生错误，因为解析器会把该字符解释为新元素的开始。

"&" 也会产生错误，因为解析器会把该字符解释为字符实体的开始。

某些文本，比如 JavaScript 代码，包含大量 "<" 或 "&" 字符。为了避免错误，可以将脚本代码定义为 CDATA。

CDATA 部分中的所有内容都会被解析器忽略。

line-height:行间距

ling-height:属于用于设置行间距，就是行与行之间的距离。

text-aligh:水平对齐方式

text-aligh属性用于设置文本内容的水平对齐，相当于html中的align对齐属性，其可用属性值：

left

right

center

text-indent:首行缩进

text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值。

letter-spacing:字间距

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

word-spacing:单词间距

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