【织梦建站视频第17节】html中的DIV+CSS标签介绍

2016-02-26 14:35 阅读 562 次 评论 0 条

这节由沈阳SEO为大家分享的织梦建站视频中代码的介绍,我在上节课已经简单介绍了一些基础的标签,今天这节课就给大家讲一下html中DIV和CSS标签,他在我们代码中起到至关重要的地步,因为div+css存在我们代码中任何一个角落,它是控制我们网站结构布局的,我们可以将它想象成一个小框框,同css样式来控制框内的各种属性,你想怎么控制就这么控制,做网页的时候很灵活,方便。

相比用表格做网页来说div+css是更符合SEO优化的,所以目前市面上大部分都是用div+css制作出来的网页。所以大家必须要理解div的原理,因为,当我们想要修改我们网站结构的时候,肯定会遇到div+css的只要我们知道原理,就能随意修改网页结构和布局了。

下面我给大家讲讲他们俩个配合起来的原理,css我们称它为样式,什么是样式呢,就是他可以任意控制div中的内容,比如说你想让它的字体变大,就可在样式中写一段代码,后到div中进行标记,这样标记的div内容字体就会改变,下面我写一段简单的代码大家可以看看做个参照:

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站标题</title>
<meta name=”keywords” content=”关键词”>
<meta name=”description” content=”描述”>
<style>
div { background:#F00;
height:200px;
width:200px;
}
</style>
</head>

<body>

<div>html中的head和body标签介绍</div>

</body>
</html>

如上面的一段代码我们会发现:<style></style>里面的就是css样式了,他是直接控制<div></div>的最终在网页中效果如下图:

div+css标签编写

只有知道了原理后,等我们需要改网页的时候就没问题了,不至于把网页改废了(详情看视频)。

 


版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:【织梦建站视频第17节】html中的DIV+CSS标签介绍 | 沈阳SEO
分类:织梦建站教程视频 标签:

发表评论


表情