1、双击打开HBuilder工具,新建一个HTML5静态页面模板。
2、在<body></body>标签内,插入一个div标签,并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。
4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。
下面是font属性的简写顺序,定义大小,字体之类font:font-style
font-variant
font-weight
font-size/line-height
font-family
颜色用color属性
color
例子:如果页面上有一ID为content的Div,要求字体大小为12px,字体为arial,斜体,颜色为红色,则在CSS文件中写:
#content{
font:
italic
12px
arial
color:red
}
font-size:12px
<body bgcolor="#000000">
<body bgcolor="rgb(0,0,0)">
<body bgcolor="black">。
一、认识CSS 颜色(CSS color)
这里要介绍的是网页设置颜色包含有哪些;网页颜色规定规范。
1、常用颜色地方包含:字体颜色、超链接颜色、网页背景颜色、边框颜色。
2、颜色规范与颜色规定:网页使用RGB模式颜色。
二、颜色基础知识
网页中颜色的运用是网页必不可少的一个元素。使用颜色目的在于有区别、有动感(特别是超链接中运用)、美观之用,同时颜色也是各种各样网页的样式表现元素之一,了解CSS 字体颜色。
传统的html颜色与w3c标准下的css颜色对比和DIV CSS运用颜色。
CSS color颜色语法:
color:#000000
Css样式中color后直接加RGB颜色值(#FFFFFF 、#000000 、#F00)
RGB颜色值在实际布局时候确定,可以使用Photoshop(简称PS)拾取工具进行获取获得。
三、两种方法设置对象颜色样式。
1、在DIV标签内使用color颜色样式。
<div style="color:#F00">www.jb51.net</div>。
2、在CSS选择器中使用color颜色样式CSS代码:
.divcss5{color:#00F}
/* 设置对象divcss5内文字为蓝色 */
扩展阅读:这里运用了CSS注释对此样式设置说明,了解CSS 注释。
3、DIV+CSS颜色样式完整案例:
Css代码。