怎样套用人家做好的CSS模板啊?

html-css017

怎样套用人家做好的CSS模板啊?,第1张

在Dreamweaver中,建立一个站点,命名一个文件夹,在该文件夹中放进你下载好的css文件(例如它叫做style.css,放在你的文件夹中的子文件夹styles中);

然后在站点中建立.html文件(例如命名为index.html),在.html文件的head内写上

<link href="styles/style.css" rel="stylesheet" type="text/css" />用于引用这个css文件。然后在.html文件中用CSS+div布局你要的效果。

引用css文件中的样式的时候,写“.”的样式在.html中用class引用,写“#”的文件用id引用。

如果您一点儿也不懂代码的话,建议还是从基础的学一下,然后再去布局网页。

1、不知道为什么要删除文件夹。你完全可以改成自己的文件夹。然后在文件中进行查找替换成自己的就行了。

2、CSSJS文件的应用就是在头文件中写入就行了。自己把别人的CSS和文件下载下来,然后上传自己的目录,然后再应用到自己的网页中就行了。仍然是查找替换。

3、其实你会DREAMweaver根本就没有必要用别人的东西,自己的再差也是自己的。别人的仅是一种参考。

Html中引入css的主要方式有四种,分别是外部样式、内部样式、内联样式、导入式。

一、外部样式

(一) 使用外部样式的好处

1.减少代码量 ,网站中相同部分的样式只需要编写一次,我们只需要把css文件引入到不同的html页面中即可实现展示效果。

2.更改网站风格方便,我们可以通过修改一个css文件就可以实现整个网站的外观修改。

3.Html页面渲染时,css文件能够被同时加载。

4.结构与表现分离,便于后期维护。

(二) 适用于多个页面需要相同样式内容的时候使用

(三) 书写位置:新建单独的后缀名为.css文件,使用link标签引入到html页面中,将link标签放到Html页面的head标签中

例:

rel:规定当前文档与被连接文档之间的关系.

href:规定为连接文档的位置

type:规定被连接文档的MIME类型

二、内部样式

(一) 使用内部样式的好处

1.结构与表现分离,便于后期维护。

2.所有的CSS控制都是针对单独的面,没有多余的CSS代码。

3.同样页面中相同的样式可以重复使用。

(二) 使用内部样式的缺点

1.只能在一个页面中使用

2.网站更换风格麻烦

3.Css在html页面中,页面显得臃肿

(三) 适用于个别页面需要特殊样式时

(四) 书写位置:写在html页面的head标签之间,在head标签之间书写style标签

例:

三、行间样式

(一) 使用内部样式的好处

1. 单独修改单个标签的样式

(二) 使用内部样式的缺点

1. 结构与表现没有分类,不利于后期维护。

2. 只能修改单个标签的样式,代码重复利用率不高,代码冗长。

(三) 适用于个别标签需要特殊样式时

(四) 书写位置:在标签的开始标签内部书写style=””

例:

四. 导入式

(一) 使用导入的好处

1.减少代码量,网站中相同的部分的样式只需要书写一次,后续只需要把css文件引入到不同的Html页面中即可。

2.更改网站风格方便,我们可以通过修改一个css文件,就可以修个整个网站的外观。

3.结构与表现分离,便于后期维护。

(二) 使用导入的缺点

1.需要等Html页面全部加载完才能加载css文件。

(三) 适用于多个页面需要展示相同样式的时候

(四) 书写位置:写在Html页面的head标签中的style表现中,用@import导入css文件