在DW中如何改变CSS中的字体大小和颜色?

1、双击打开HBuilder工具,新建一个HTML5静态页面模板。2、在标签内,插入一个div标签,并设置对应的ID属性和内容。3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。5、将css样式属性中的vmin改为...
在DW中如何改变CSS中的字体大小和颜色?
我想在自己的网站中应用这个菜单,但是菜单的字体是固定的,应该怎样改变字体的大小(这个字体太小了,中文显示很难看!)
先解这个问题:
修改这两个CSS即可
.style1 {font-size: 30px}
.style4 {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
怎么修改:
.style1 {font-size: 30 px}
.style1 {字体 大小: 数值 PX是像素(这个是单位类似厘米)}
这里只要改数值大小,在一般网页中,大小都是12px
.style4 { font-size: 24px; (这个不用再说了和上面一样)
font-family: Arial, Helvetica, sans-serif;
}
font-family: Arial, Helvetica, sans-serif;
字体 类型:一种英文字体;
如:
font-family:"宋体"; 这就是中文宋体
font-family:"黑体"; 这就是中文黑体
一般网页中默认为宋体,大小为12像素
关于这个字体类型,就看你喜欢什么字体了,
注意的是,最好用系统自带的字体,这样出来的页面,所有人都能看到,如果用的字体在别人系统上没有这个字体,是看不到你这种字体的效果的,

2、鼠标经过时的底色要改成其他颜色
解决这个找到样式:
A { COLOR: #900; TEXT-DECORATION: none }
A:hover { BACKGROUND: #900; COLOR: #fff }
第一行是:鼠标还没经过时的样式,
这时字是血红色
第二行是:当鼠标放在上面的样式,
这时字是白色,背景为血红色
现在来解决:
A { COLOR: #900; TEXT-DECORATION: none }
COLOR: #900;
字体颜色: 颜色代码
#000000 黑色
#ffffff 白色
#ff0000 红色
#ffff00 黄色
等等,其它颜色,你有DW找一下就OK了
TEXT-DECORATION: 这个在DW里叫修饰;就是网页常见的链接有下划线,上划线,删除线之类的
none 而这个就是属性:无
他还有几种:比如你想要下划线:underline 上划线:overline删除线:line-through 等;

再来说说这个:
A:hover { BACKGROUND: #900; COLOR: #fff }
BACKGROUND: #900;
背景 颜色:血红色
#900也可以用#990000来表示,得是一样的
你要改的背景色就是这个颜色了
#900为什么等于#990000,
在颜色代码中遇到有规律的代码可以用三个数来代替
如:#000000 上面所说的黑色,就可以用#000
总结一下,#112233,像这样的,就可以用#123来代替

3、最后时字体不要加粗效果
加粗效果,在你上面给出的代码中没有体现出来但在样式中有一个是加粗的,你删除他就成了
H1 { FONT: bold 36px "Times New Roman", Times, serif}
你把bold删除2007-07-07
1、双击打开HBuilder工具,新建一个HTML5静态页面模板。

2、在<body></body>标签内,插入一个div标签,并设置对应的ID属性和内容。

3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。

4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。

5、将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。

2019-07-19
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:
div{background-color: #00a7d0; font-size: 24px;}
div:hover{background-color: #ff7701;}

3、浏览器运行index.html页面,此时字体成功变大,背景颜色是蓝色。

4、将鼠标移动到菜单,发现背景颜色会变成橙色。

2019-07-11
1、字体大小:font-size
注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。

也可直接用像素设置:比如12px,或者em.
2、字体颜色:color
//示例body{color:red;}h1{color:#00ff00; }p{ color:rgb(0,0,255);}这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。

3、拓展-字体大小也可以使用font属性设置
/*示例*/p.ex2{ font:italic bold 12px/20px arial,sans-serif;}font 简写属性在一个声明中设置所有字体属性。
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

font-style
font-variant
font-weight
font-size/line-height
font-family

可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。
2015-10-13
你找到size="这里面是数字"2007-07-06
1.可以先切换到代码区,然后找到font-size和color属性,然后进行修改即可。2015-09-09
修改css中的字体大小和颜色可以直接修改对应文字的font-size属性和color属性2015-09-22
可以去W3C教程网看一下,上边应该能解决你的问题2012-07-30
mengvlog 阅读 11 次 更新于 2025-07-20 03:56:24 我来答关注问题0
  • 1、双击打开HBuilder工具,新建一个HTML5静态页面模板。2、在标签内,插入一个div标签,并设置对应的ID属性和内容。3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。5、将css样式属性中的vmin改为v...

  •  云易网络科技 dw如何单独改字体大小

    1、我们打开Dreamweaver CS6,并新建一个HTML空白页。快捷键是CTRL+N。2、然后在输入文字后,保存网页。3、在点击左侧html下面的CSS,如图所示。4、我们可以对字体、大小和颜色进行定义。根据自己的需要选择设置即可。5、我们把鼠标位置放在标题的文字中。然后我选择字号为36,在弹出来的新建css规则中,...

  •  武汉誉祥科技 Dw怎么改字体

    材料/工具:电脑、DW软件1、首先在电脑上打开DW软件,然后创建站点和HTML文件。2、然后点击上面的工具栏的拆分,在右边的编辑栏上输入一段文字。3、然后选择这一段文字,在点击下面CSS窗口。4、然后在目标规则框中,选择新建CSS规则,再选择字体的颜色为蓝色。5、然后就会出现一个窗口,填入选择器名称。...

  •  湖北倍领科技 DW中怎么更改默认字体

    要更改DW中的默认字体,首先打开一个新建的HTML文档,然后在空白区域点击,找到并点击属性下的页面属性。在页面属性中选择外观(CSS)选项,进入字体设置界面。在字体设置区域找到右下角的字体选择框,点击选择自己喜欢的字体,然后点击左边的箭头按钮。这样所选的字体就会出现在下拉菜单中,最后点击确定以保存...

  •  宜美生活妙招 DW网页的字体大小怎么设置

    选择文字:首先,在DW中选中你想要设置字体大小的文字。打开CSS样式面板:点击下方属性栏中的“CSS”选项。选择字体大小属性:在CSS样式面板中,找到“字体大小”(Font-Size)属性。设置具体值:点击字体大小属性后的值框,输入你想要的字体大小值(如14px、16px等),或选择预设的值(如small、medium、...

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部