在DW中如何改变CSS中的字体大小和颜色？
代码如下：
<HTML><HEAD><TITLE>我的网站</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<STYLE type=text/css>
@import url( css/dhtml-vert.css );
BODY {
PADDING-RIGHT: 30px; PADDING-LEFT: 30px; BACKGROUND: #fff; PADDING-BOTTOM: 30px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 30px
}
H1 {
FONT: bold 36px "Times New Roman", Times, serif}
P {
FONT: 20px Arial, Helvetica, sans-serif
}
A {
COLOR: #900; TEXT-DECORATION: none
}
A:hover {
BACKGROUND: #900; COLOR: #fff
}
.style1 {font-size: 30px}
.style4 {
font-size: 24px;
font-family: Arial, Helvetica, sans-serif;
}
</STYLE>
<!--[if gte IE 5.5]>
<SCRIPT language=JavaScript src="js/dhtml.js"
type=text/JavaScript></SCRIPT>
<![endif]-->
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY>
<UL id=navmenu>
<LI><A
href="http://www.baidu.com" class="style4">usb 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> mini usb 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> hdmi 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> avi 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> ac 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> dc 系列</A>
<LI><A
href="http://www.makewing.com/lanren/" class="style1"> cable 系列</A>
</UL>
</BODY></HTML> 展开
1、双击打开HBuilder工具，新建一个HTML5静态页面模板。
2、在<body></body>标签内，插入一个div标签，并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器，设置div标签内的内容文字大小，使用vmin。
4、保存代码并直接打开浏览器预览效果，可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax，然后保存代码并查看效果即可。
博思aippt
2024-07-20 广告
需要准备的材料分别有：电脑、浏览器、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、将鼠标移动到菜单，发现背景颜色会变成橙色。
已赞过
已踩过<
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; 也是允许的。未设置的属性会使用其默认值。
先解这个问题：
修改这两个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删除
