1、首先打开Dreamweaver CC2018软件新建一个html文件,在右上角点击CSS设计器,并在下方点击加号,然后选择创建新的CSS文件:
2、在创建窗口中,点击浏览按钮。
3、然后选择站点创建好CSS文件夹,然后输入创建的CSS的名字,点击保存插件文件:
4、然后把添加为设置成链接,点击确定按钮:
5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了:
6、此时在html文件中的head标签中,就多了一行链接到CSS文腊斗件的代码。在顶部tab标签中也可以看到链接的样式表:
7、接下来在html网页编辑页面,在body标签中输入一个div:
8、然后在顶部tab标签中选择刚才创建的CSS样式孝局尘表,并在样式表中写一个样式,命名为aaa,并按下快捷键Ctrl+S保存样式表:
9、最后回到html编辑巧禅页面,在div标签中引入class,输入刚才写的样式的名称aaa并保存网页:
10、最后点击顶部的设计按钮,就可以看到实时效果了,此时css文件就成功链接进去了:
CSS是Cascading Style Sheet 的缩写。译作层叠样式表单,是用于(竖粗增唤纤磨强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
css文件链接html的三种和斗方式:
1.内联定义。
2.链入内部css。
3.链入外部css。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)