扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Dreamweaver中CSS面板的设置步骤:
创新互联是一家专注于成都网站制作、做网站与策划设计,清苑网站建设哪家好?创新互联做网站,专注于网站建设十余年,网设计领域的专业建站公司;建站业务涵盖:清苑等地区。清苑做网站价格咨询:13518219792
首先这里我们是需要你新建一个HTML文档的,这里我们直接打开工具,之后选择新建HTML即可
建立完毕之后这里我们使用快捷键,Shift+F11随后我们就可以看到CSS面板
在面板中用鼠标右击之后选择里面的“新建”,之后会弹出新建CSS规则表格,将选择类型设置~为类,名称设置为~测试,定义在~仅对该文档,点击“确定”。随后弹出图下中所示的测试CSS规则定义。
在css定义框中我们是可以看到。类型 背景 区块 方框 边框 列表 定位 扩展。在类型框中将字体大小,样式、行高等进行设置
随后是个背景的设置,这里我们是可以设置背景颜色和背景图像的,这里还可以设置区块模式,定位,列表等都是可以通过自己的设置而变得美化的。
设置完毕,输入内容我们就可以看到我们设置的结果。
1. 打开“CSS样式”面板。
2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:
一、定义CSS的类型属性
在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:
Font-family:设置字体系列。在下拉菜单中选择字体。
Font-size:定义文字的字体大小。
Font-weight:对字体应用特定或相对的粗体量。
Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant:设置文本的小型大写字母变体。
Line-height:设置文本所在行的高度。
Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。
Color:设置文本的颜色。
提示:如果某一个属性不需要设置,可以将其保留为空。
1、先启动DW软件,新建文档,文档类型选择【/HTML】-【XHTML1.0】,然后点击【创建】。
2、点击创建后,DW会为之创建一个HTML文件,我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码,style代表了这个div直接添加了CSS样式,这样就成功了。样式要在英文的引号中,否则是不起作用的。
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"/
属性面板里面可以修。
点击窗口打开属性面板,然后选css鼠标选中你要编辑样式的文字点编辑规则,这样css里的样式面板就出来了。
CSS级联样式表一般来讲分3种,第一种外联样式表,CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件,第二种内联样式表,CSS样式写在HTML页面的head标签内,第三种内嵌样式表,CSS样式直接写在HTML标签的style属性里。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流