如图所示,点击链接css样式的按钮,之后浏览到您要链接的css样式文件,选择一个点击确定就可以了。
创新互联是一家网站设计公司,集创意、互联网应用、软件技术为一体的创意网站建设服务商,主营产品:响应式网站、成都品牌网站建设、全网营销推广。我们专注企业品牌在网站中的整体树立,网络互动的体验,以及在手机等移动端的优质呈现。网站建设、成都网站建设、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏析悦目的作品,网站的价值服务。
1、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。(可以点击下方引用经验查看如何创建一个站点)
2、在右上角点击【CSS设计器】,并在下方点击【+号】,然后选择【创建新的CSS文件】。
3、在创建窗口中,点击【浏览】按钮。
4、然后选择站点中已经创建好的名字是CSS的文件夹,然后输入想创建的CSS的名字(要用英文哦),点击【保存】。
5、然后把添加为设置成【链接】,点击【确定】按钮。
6、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。
7、在左侧的【head】标签中,就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链 接的样式表。
8、接下来写一个简单的网页来看下CSS样式表是否链 接成功。打开html网页编辑页面,在【body】标签中输入一个div。如下图:
9、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为【aaa】,并保存样式表【快捷键Ctrl+S】。
10、然后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称【aaa】并保存网页【快捷键Ctrl+S】。
11、点击顶部的设计按钮,就可以看到实时效果。
12、也可以按快捷键F12,直接用浏览器打开,可以看到真实的效果。证明我们的CSS链接到html中是没有问题。
1、先启动DW软件,新建文档,文档类型选择【/HTML】-【XHTML1.0】,然后点击【创建】。
2、点击创建后,DW会为之创建一个HTML文件,我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码,style代表了这个div直接添加了CSS样式,这样就成功了。样式要在英文的引号中,否则是不起作用的。
三种方法:
第一种:嵌入式,例如
div style="width:100px; height:500px;"
img src="1.jpg"/
/div
第二种:在head/head之间写,例如:
head
style
div{width:100px; height:200px;margin:auto;}
/style
/head
第三种:引入式 例如:
先单独新建一个css文件,之后再html中的head标签之间输入以下代码:
link href="my.css" rel="stylesheet" type="text/css"
属性面板里面可以修。
点击窗口打开属性面板,然后选css鼠标选中你要编辑样式的文字点编辑规则,这样css里的样式面板就出来了。
CSS级联样式表一般来讲分3种,第一种外联样式表,CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件,第二种内联样式表,CSS样式写在HTML页面的head标签内,第三种内嵌样式表,CSS样式直接写在HTML标签的style属性里。
首先CSS(级联样式表)一般来讲分3种:
外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件;
内联样式表:CSS样式写在HTML页面的head标签内;
内嵌样式表:CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到head标签内)。
在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。
如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。