1、直接在html标签元素内嵌入css样式,如
<div style="font-size:14pxcolor:#FF0000">2、在html头部head部分内style声明插入代码如下:
<style type="text/css"><!--
.ceshi {font-size:14px color:#FF0000}
-->
</style>
3、在html头部head部分内使用@import引用外部CSS文件方法
<style type="text/css"><!--
@import url(wcss.css)
-->
</style>
Wcss.css文件内代码.ceshi {font-size:14pxcolor:#FF0000}
4、在html头部head部分内使用link来调用外部的css文件
在head放置<linkrel="stylesheet" href="wcss.css" type="text/css"/>来调用外部的wcss.css文件来实现html引用css文件
<linkrel="stylesheet" href="wcss.css" type="text/css"/>打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。2.
点击插入Div,定义ID为text,点击确定。
3.
点击实时视图即可看到相应的效果。
dw中用什么定义了css样式会立即生效:1、在dreamweaver cc中可以直接创建css文件,或在内面内手写输入css代码定义规则等等。
2、如果要使用可视化css编辑,可以使用css设计器,在默认的界面下,在软件窗口右侧的活动窗口内就可以找到css设计器。
例如:新建一个html文件,点击css设计器的“源”窗口的“+”号,选择创建css的方式,包括:新建css;附件已有的css或在页面内创建css样式。
3、点击“选择器“窗口的”+“号,选择body,可以看到下面的”属性“窗口内显示出可以编辑的属性列表,鼠标点击相应的属性就可以选择或填写数值进行编辑了,在编辑的时候在”设计“窗口会显示样式的变化。
4、最后如果是新建的css文件,保存路径要正确。