重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
Dreamweaver中CSS面板的设置步骤:
目前成都创新互联已为成百上千的企业提供了网站建设、域名、网络空间、成都网站托管、企业网站设计、潜山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
首先这里我们是需要你新建一个HTML文档的,这里我们直接打开工具,之后选择新建HTML即可
建立完毕之后这里我们使用快捷键,Shift+F11随后我们就可以看到CSS面板
在面板中用鼠标右击之后选择里面的“新建”,之后会弹出新建CSS规则表格,将选择类型设置~为类,名称设置为~测试,定义在~仅对该文档,点击“确定”。随后弹出图下中所示的测试CSS规则定义。
在css定义框中我们是可以看到。类型 背景 区块 方框 边框 列表 定位 扩展。在类型框中将字体大小,样式、行高等进行设置
随后是个背景的设置,这里我们是可以设置背景颜色和背景图像的,这里还可以设置区块模式,定位,列表等都是可以通过自己的设置而变得美化的。
设置完毕,输入内容我们就可以看到我们设置的结果。
dw 插入css。
有两种方法:1 、style type="text/css"................style 放在head 和 body 之间就可以。
2、link href="pic/box.css" type="text/css" rel="stylesheet" / 连接外部样式表。
1、直接在html标签元素内嵌入css样式,如
div style="font-size:14px;color:#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:14px; color:#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"/
看你要什么样子的,有四种方式,行内样式,内嵌式,链接和导入式
行内呢是在标签里直接写,比如div style="text-align:center; width:750px;"
内嵌是写在head/head之间,例如:style type="text/css"
!--
body {margin:0 auto;padding:0;font-family:"宋体";font-size:12px; color:#000000;text-align:center}
--
/style
链接和导入没有什么太大的区别,需要简历外部CSS文件,在GW中按ctrl+n有那选项
之后在页面head/head之间加入CSS文件所在路径调用,如下,link href="CSS/CSS1.css" rel="stylesheet" type="text/css" /
一般添加css样式表的方式有3种!
一种是引入css样式表,引入css样式表一般用link的方式引入,代码如下
link href="路径和css样式表的名称" rel="stylesheet" type="text/css"
如果对写代码不是很流利的话可以用DW 手动引入,操作步骤图片如下:
选择好了点击确认就可以了。添加好了之后你会看到就是上面所示的代码!
那么第二种添加css样式的方法是网页里添加css样式
style
.header{}
/style(这种方式不推荐哦)
第三种就是在你需要给某个区块添加特殊的样式比如 你的div区块里的特定区块需要单独添加一个样式。
例如:
div class="main_left"
ul
li class="name"/li
li class="neirog"
p style="color:#F00;"/p
/li
/ul
/div
如上所示 在给P 标签添加了一个样式,这种方法也不是很推荐的! 除特定的需求除外。
如图所示,点击链接css样式的按钮,之后浏览到您要链接的css样式文件,选择一个点击确定就可以了。