请问CSS里的以点开头的样式的详细解释

html-css011

请问CSS里的以点开头的样式的详细解释,第1张

点儿开头是class选择器。

css选择器有这么常用的几种:

.开头为class选择器;

#开头为id选择器;

直接节点元素开头就是标签选择器;

子类选择器:例如div>a{};

后代选择器:例如div a{}。

1、打开开发工具,新建一个HTML文件。

2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei"}。

3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px}。

4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。

5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600}。

6、使用color设置字体颜色代码:.demo1{color: #FF0000}。就完成了。

可以使用CSS的expression,仅限于IE5-IE7上使用,代码如下所示:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

    <title>Test Expression</title>

<style type="text/css">

a {star : expression(onload=this.title="111111111111")}

</style>

</head>

<body>

    <a href="a.htm">a.htm</a>

    <a href="b.htm">b.htm</a>

</body>

</html>

效果如下: