div
{
color:
red}
color的属性值可以写成英文单词,也可以完成16进制的形式(如:#3F4A1B)
1、双击打开HBuilder工具,新建一个HTML5静态页面模板。
2、在<body></body>标签内,插入一个div标签,并设置对应的ID属性和内容。
3、在CSS标签内使用ID选择器,设置div标签内的内容文字大小,使用vmin。
4、保存代码并直接打开浏览器预览效果,可以发现使用vmin设置的比同值的px的要大。
5、将css样式属性中的vmin改为vmax,然后保存代码并查看效果即可。
字体大小可以通过css属性font-size设置:
font-size: 10px /*设置字体大小为12px*/类似地,还可以设置字体的其他属性
font-family: sans-serif /*字体*/font-style:italic /*字体风格*/
font-weight:bold /*字体粗细*/
color:red /*文字颜色*/
示例如下:
给出HTML元素
<p>我是 sans-serif 字体。</p><p class='p1'>我是偏大的斜体字,还有颜色呢。</p>
<p class='p2'>我被加粗啦。</p>
设置字体样式
p{font-family: sans-serif}p.p1{font-size:20pxfont-style:italiccolor:green}
p.p2{font-weight:bold}
显示效果