当前位置:首页 > 凡人Wordpress > 正文

WP主题模板制作新手教程之DIV+CSS简介

时间:2012年11月28日作者:全职凡人查看次数:875 views评论次数:0

WP主题模板制作,学习的是怎样利用一些主要的代码标签,如何准确的使用好这些东西。DIV+CSS并不是我们要掌握的知识,之所以要专门用一篇文章来做DIV+CSS简介,只是希望大家能尽快了解它的作用,知道它是个什么东西,它有一些什么样的要具体了解的知识,通过DIV+CSS简介,大家能有一个初步的了解,也就达到了这个章节的要求。

DIV其实就是HTML中的一个代码标签,为什么要单独拿出来讲解,并且其重要性和其它HTML的标签有什么不同呢?事实上,也没有什么不同,因为它就是一个HTNL标签。由于它的使用范围较广,运用得比较多,使得它几乎可以脱离开HTML,形成一个独立的标签,而实际上它还是HTML的标签!有点像绕口令!

DIV和CSS是不可分离的,CSS为DIV提供规则和样式,DIV则按照CSS的规则执行其各种各样的样式。#main{background color:yellow; weight:960px;height:270px}这种形式就是CSS的规则,是CSS的基本语法。它规定了main这个DIV的背景是黄色的,宽度是960px,高度是270px。当在某个php的模板中出现了这个DIV,比如:<div id=”main”>…</div>那么在这个页面中,包含有这个div结构的地方,就会以宽和高960x270px和黄色背景呈现在眼前。语言的描述在这里显得很苍白无力,大家可以通过w3school在线教程中,关于CSS的教程仔细去看看,做做上面的一些实际例子,很快就可以明白的。明白之后,利用DW自己试着做一下就基本上会了。

最后个大家解释一下加载调用CSS的几种方式。简单来讲就是内部样式、外部样式和行内样式。内部样式通常会以<style>…</style>这样的语法格式进行加载。比如:<style>h3{“float:left; color:#00ff00;”}</style>;外部样式则是:<link href=”layout.css” rel=”stylesheet” type=”text/css” />这种形式加载;行内样式则是直接定义要出现的文字等:<p style=”font-size:12px;”>这里是要写上的文字</p>

详细的知识就去那个在线教程里看看吧。这个并不是WP主题模板制作的学习内容,只要了解其基本的概念就行了。DIV+CSS是一门很深的知识,学好它不是三言两语可以学会的。WP模板的制作也不必把它当成一个必学的知识,在模板制作过程中,慢慢观察多多接触,这些基本的东西也就知道了。所以,我们的重点还是放到模板制作上面吧!

转载请注明文章转载自: 全职凡人_博客  本文链接地址:http://www.qzfrn.com/wordpress/347.html
0条评论

暂时没有评论!

发表评论

*

*