1.首先打开EditPlus软件,新建一个样式表文件,写入一些样式,如下图所示。
成都创新互联公司是一家专注于网站设计制作、成都网站建设与策划设计,宁都网站建设哪家好?成都创新互联公司做网站,专注于网站建设10年,网设计领域的专业建站公司;建站业务涵盖:宁都等地区。宁都做网站价格咨询:18982081108
2.接下来我们在建立一个样式表文件,在这个样式表文件中通过import属性导入上一个样式表,如下图所示。
3.然后在html中我们用link标签导入上面声明的样式文件,如下图所示。
4.接下来我们运行HTML文件,我们可以看到虽然只导入了一个样式文件,但是两个样式表的样式都加载进来了,如下图所示。
5.另外在运用import的时候一定不要放在样式下面,如下图所示,这样是不生效的。
6.最后运用import导入样式也不要忘了分号,如下图所示,忘了分号也是不生效的。
怎么说,按照我平时的方法简单说一下吧
首先创建好整体框架
如:
body
div
id="wrapper"
div
id="header"/div!--头部--
div
id="container"/div!--内容部分--
div
id="footer"/div!--页脚--
/div
/body
接着在这个框架下开始写入信息,如logo以及导航信息,以及内容,以及页脚
编写好后,再编写css样式,
创建一个style.css的样式,在这个样式表里面写入网页标签的颜色,大小,背景。。。。。。。
最后测试网站的链接是否正常
完成,
希望能帮助你
CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML
(标准通用标记语言的一个子集)等文件样式的计算机语言。
有三种方法可以在站点网页上使用样式表:
外联式Linking(也叫外部样式):将网页链接到外部样式表。
嵌入式Embedding(也叫内页样式):在网页上创建嵌入的样式表。
内联式Inline(也叫行内样式):应用内嵌样式到各个网页元素。
在Dreamweaver 8中,可以在开始弹出框中点击新建CSS文件。也可以在最上面的菜单栏里占击
文件,新建。在弹出框中选择CSS文件就可以了。
css文件是不能生成html的
css是用来改变html中元素的样式的
如果你是指你已经将html的相关css文件设计好了
那只要在HTML中调用这个CSS文件就行
在head/head间加上
link rel="stylesheet" type="text/css" href="main.css" media="all" /
具体路径视你的html与css文件路径而定
一、选择“div标签”命令
打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。
二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义
三、新建css规则
在打开的对话框中保持默认设置,单击“确定”按钮进行css规则新建。
四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“left”及“right”为auto,则可让div页面水平居中。
3、单击“确定”按钮。
五、创建div按钮
返回“插入div标签”,单对话框,单击“确定”按钮,完成div标签的插入
六、查看创建的div
将鼠标光标定位在div,即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。
css样式表嵌入网页有以下三种方法:
1,内联样式
内联样式是直接在html标签上定义该标签的css样式,如:
div
style="width:200px;height:30px;"/div
2,内部样式
内部样式是写在html文件中,且包含在style/style代码块中,如:
style
.box{width:200px;height:30px;}
/style
div
class="box"/div
3,外部样式
外部样式是通过在html中引用外部css文件来控制样式,如:
html文件中写入引用语句:
link
href="css文件路径"
rel="stylesheet"
media="screen"
/