怎么用css控制div里面的文字大小?

html-css0349

怎么用css控制div里面的文字大小?,第1张

css+div给字体改颜色需要用到css的color属性,方法如下:

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}

显示效果