教你用css3实现图片容器内等比缩放,教你用c3实现图片容器内等比缩放......
2023-03-16 297 CSS
网页设计中,一般从单页面中的首页设计开始,本文用图文的方式介绍如何在首页index.html文件中调用CSS中的引用标签和系统标签。让初学网页设计人员更能清楚的了解html代码的运行方式,从而在以后的设计中举一反三,灵活应用。
打开Dreamweaver 8,分别新建html和css格式的文件,分别存放在桌面web文件夹中的根目录和CSS文件夹中。
body>/body>在首页index.html中为系统标签,因此在index.css文件中定义,语句表达方式为:body{ background:#4B7E9B; padding:0; margin:0;},body标签与其它标签类似,其内部编程方式为:命令(如background),参数(如#4B7E9B(颜色代码)),上述语句的释义为:首页的背景颜色为#4B7E9B,填充为0,间距为0。
首页index.html文件中调用刚才定义好的body标签,语句表达方式为:link href="css/index.css" rel="stylesheet" type="text/css" />
其它自己定义标签名称的标签为引用标签,它们的定义和调用方式与系统标签不同。某个引用标签语句表达方式为: .TOP1{ width:960px; height:30px; background:url(file:///D|/Users/ZhangZhaoJian/Desktop/web/images/topbg.gif) left repeat; float:left;},特别注意,TOP1为你自己定义的标签名称,为引用标签,为了与系统标签区别,在TOP1的前面有个 . 或 # ,在这里为 .TOP1。而标签内的语句编程方式与系统标签相同,上述语句的释义为:导航条的宽度为960像素,高度为30像素,背景是图片链接,向左填充。
首页index.html文件中调用刚才定义好的.TOP1标签,语句表达方式为:div class="TOP1"> /div>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!
标签: CSS
相关文章
怎么用div布局加css样式做网页,怎么做一个网页呢,静态页面的制作是很简单的,我们来看看怎么通过div布局 c样式来制作一个网页吧。......
2023-03-16 449 CSS
css基础教程:[1]为网页使用网络字体,本教程为大家介绍在网页上怎么使用网络字体。1,使用网络字体的好处是所有人看到的效果都是样的,效果统一,2,不依赖于用户电脑上是否安装了该字体。......
2023-03-16 293 CSS