重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1. 打开“CSS样式”面板。
我们提供的服务有:成都网站设计、成都网站制作、外贸网站建设、微信公众号开发、网站优化、网站认证、绥宁ssl等。为1000多家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的绥宁网站制作公司
2. 在“所选内容的摘要”窗格中双击某一个属性,打开“CSS 规则定义”对话框。如下图所示:
一、定义CSS的类型属性
在“CSS 规则定义”对话框中,在“分类”下拉框中选择“类型”,然后可以在右边“类型”部分设置属性:
Font-family:设置字体系列。在下拉菜单中选择字体。
Font-size:定义文字的字体大小。
Font-weight:对字体应用特定或相对的粗体量。
Font-style:指定“正常”、“斜体”或“偏斜体”作为字体样式。
Font-variant:设置文本的小型大写字母变体。
Line-height:设置文本所在行的高度。
Text-transform:将所选内容中的每个单词的首字母大写或将文本设置为全部大写或小写。
Text-decoration:向文本中添加下划线、上划线或删除线,或使文本闪烁。
Color:设置文本的颜色。
提示:如果某一个属性不需要设置,可以将其保留为空。
打开页面,打开css设计器,添加css源,在页面中定义,切换代码界面,定义名为#box和#text的css样式。
2.
点击插入Div,定义ID为text,点击确定。
3.
点击实时视图即可看到相应的效果。
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(级联样式表)一般来讲分3种:
外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件;
内联样式表:CSS样式写在HTML页面的head标签内;
内嵌样式表:CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到head标签内)。
在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。
如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。