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