Dreamweaver怎么给网页添加样式表的关联?
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
现如今,网页制作以及建站成了人人需要掌握的技能,小编也从各方面得到需求说,以前有过PS的入门教程,现在能不能做一个DW的入门教程。那么从今天开始,小编将用一些时间,为大家带来DW的入门教程。只要能坚持,你也能成为大神。
1、我们首先要做好基本的网站站点架构,文件夹以及子文件等全部建立完毕,那么我们怎样建立一个样式呢?首先在css根目录下建立一个页面,命名为main.css
2、好,如果我们希望,我们的首页,也就是index收到css样式的约束,应该怎么办呢?首先双击index打开
3、在title之后,我们输入代码:<link href=,然后浏览至我们建立的样式。
4、而后输入一般性代码:<link href="css/main.css" _fcksavedurl=""css/main.css"" type="text/css" rel="stylesheet"/>
5、这样其实就是做好了一个约束,也就是我们建立的首页index,会受到我们所建立css文件夹下的样式main.css的约束,这就是这个语句的效果。
6、好,接下来我们验证效果,我们双击main.css,做一些基本的编辑操作。
7、在css中,输入代码:*{background-color:#90C},也就是改变背景色为紫色,保存。
8、然后回到index页面,观察。是的,背景色发生了改变。
9、这就是样式表约束的链接方法,你学会了吗?
相关推荐:
相关文章
- Dreamweaver怎么新建网页并保存?Dreamweaver制作网页很容易,今天我们就来看看基础教程,使用Dreamweaver建立网页并保存,很简单,需要的朋友可以参考下2016-08-01
- Dreamweaver光标的落位总是不准怎么办?Dreamweaver中制作网页的时候,发现鼠标的落位总是不对,该怎么办呢?下面我们就来看看详细的教程,需要的朋友可以参考下2016-07-28
- 在浏览各大论坛时,会发现有些内容是仅限会员观看的,那么如何利用Dreamweaver来制作用户注册的,下面就为大家介绍一下,来看看吧2016-07-06
- 很多的时候,我们看代码时间长了就会觉得代码很小,看起来很累,想将代码字体设置大一点,该怎么设置呢,下面小编就为大家介绍dreamweaver如何改变代码的字体大小方法,来看看2016-06-23
- 这篇文章主要为大家详细介绍了8款替代Dreamweaver的开源网页开发工具,感兴趣的小伙伴们可以参考一下2016-06-23
- 今天小编为大家分享dreamweaver8调出新建、打开两个命令的快捷工具栏方法,教程很基础,适合新手来学习,推荐过来,来看看吧2016-06-22
dreamweaver中怎么交互图像? dw制作鼠标经过图像换图的教程
dw中怎么交互图像?dw中想制作一个网页,当鼠标经过图像的时候,就自动换一个图像,该怎么换呢?下面我们就来看看dw制作鼠标经过图像换图的教程,需要的朋友可以参考下2016-06-03- Dreamweaver怎么在网页中显示一个圆角矩形?想绘制一个红色的圆角矩形,该怎么使用Dreamweaver实现呢?今天我们就来看看使用dw在网页中绘制红色圆角矩形的教程,需要的朋友2016-06-02
dreamweaver cs6怎么新建HTML5格式的页面?
dreamweaver cs6怎么新建HTML5格式的页面?dreamweaver新建页面格式默认是xhtml1.0,现在想新建html5的页面该怎么办呢?下面我们来看看详细的教程,需要的朋友可以参考下2016-05-23- Dreamweaver怎么批量修改网页相同的内容?比如想修改旺旺的副标题,有很多,而且是相同的,该怎么批量修改节省时间呢?下面我们就来看看Dreamweaver批量修改网页相同的内容2016-05-22
最新评论