当前位置：首页 - 正文

CSS编程代码意思

发布网友发布时间：2022-05-04 10:50

我来回答

共4个回答

热心网友时间：2022-04-20 09:45

你好，需要系统的学习一下css的知识，不要急于求成就没问题。

这一段代码中：

是对html文档的描述，也就是告诉浏览器这个页面用是gb2313字符集；

相当于我告诉浏览器我用的是汉字，你不要用英文或者法语给我显示这个页面。

在css文档里面写css的样式，然后在html文档中引用这些样式，一个美观的页面就浮现在你面前了。

而css中定义样式的很好的武器就是：class，它的中文意思是“类”。

比如我想要文档中某些文字都显示成“红色”（red），我可以定义这些文字的“类”，给他起个名字“red”，再给这个类一个值（这个才是发挥效果的关键部分），css代码就可以这样写：

.red{color:red;}

在html里面引用的时候就通过给一个文字段落带上类为红色的帽子从而引用到这段css效果，

<p class="red">这里的文字就会变成红色的啦！</p>

<p> 这里的文字就不会变成红色的啦！</p>

___________________________________________

注：这里的class的名字即使你写成了rd，引用的时候只要你引用的名字也是rd，文字都会显示成红色，为什么呢？因为关键在于.red{color:red;}这里，赋值是红色，不在于你起的什么名字。之所以起这样的名字原因在于看多了代码一眼就知道我这个类是要把什么东西变成红色。

全部的代码如下，你拷贝到一个记事本，用格式.html保存，用浏览器打开就可以看到效果：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>这个文章主要是想把一个段落的文字变成红色</title>

.red{color:red;}

</style>

</head>

<body>

<p class="red">这里的文字会变成红色的啦！</p>

<p>这里的文不字会变成红色的啦！</p>

</body>

</html>

———————————————————————————————————

效果如下截图：

热心网友时间：2022-04-20 11:03

class="nav"

class 代表样式表样式，后面的 "nav" ,"back"等都是样式的名称

所有的样式应该都写在样式表里面

比如“nav”这个样式是设置链接字体颜色为白色，那么只要应用上这个样式的链接，字体都会变成的白色的。

带样式的就会应用上这些设置，不带样式的就是默认状态

热心网友时间：2022-04-20 12:38

html标签都有自己默认的属性，如果想自己自定义属性，可以在标签里面使用class定义一个样式名称，如:<a class="yourClassName" herf="http://www.baidu.com">百度</a>."yourClassName"可以根据需要任意取名。而<meta http-equiv="Content-Type" content="text/html; charset=gb2313"/>是对文档的描述，告诉浏览器这个页面是按照“gb23121”编码编写的html文件，这个标签并不在页面上显示，也就没有必要加class，加了也没有作用。

热心网友时间：2022-04-20 14:29

看一下css教程资料吧

参考资料：http://www.w3school.com.cn/css/

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

CSS编程代码意思

最新推荐

猜你喜欢

热门推荐