今天我们将学习CSS中的字体和文本样式。重点是字体样式的讲解,字体样式包括5个方面,首先是字体大小,它可以设置字体的位置和样式,接着是字体类型、字体家族和字体属性的联系。接下来,我们将逐一介绍它们的作用,第一个是字体大小,在CSS的第一天我们已经学习了字体大小的概念,这里的大小是通过属性名和属性值来设置的。属性值可以是数字加PX,也可以是PSPX。
字体粗细的设置范围是100到900之间的整数值。字体粗细可以设置为9种不同的粗细,从400到900,越粗越明显。字体样式中还有一个选项是是否倾斜,但在实际工作中很少使用,因此我将不做详细介绍。第三个是字体类型。字体类型可以设置为宋体、凯体、黑体、微软雅黑等,具体名称根据实际需要进行设置。第四个是字体家族。字体家族是指字体的种类,如华文楷体、华文行楷、华文新魏等。
1、css里如何设置字体大小随浏览器大小变化而变化?
css里如何设置字体大小随浏览器大小变化而变化?css里如何设置字体大小随浏览器大小变化而变化?把字体设置为em,不要设置为PX。设置方法:将原来的px数值除以10,然后换上em作为单位;重新计算那些被放大的字体的em数值。避免字体大小的重复声明。em的特点:em的值并不是固定的;em会继承父级元素的字体大小。字体大小会跟随浏览器的大小变化而变化吗你得监听resize事件,在事件中更改字体大小怎么使字体大小随浏览器大小而变化打开浏览器,找到浏览器顶部的这个查看按钮。
再作出如下图所示的选择。接下来设置你想要的字体大小。当然,你还可以参用缩放页面的方式来改变其中文字的大小。如下打开一个百度的首页。这个时候一直按着你的ctrl键不要动,同时,鼠标滚轮向上滚动就是放大上面的字了。如下图所示。滚轮要是向下滚动的话就是缩小这个页面了。如下图所示。怎么样,改变文字的大小还是很方便的吧。
2、css如何设置表格中的字体大小?
CSS设置表格字体的大小,直接定义tabletd就可以。td{fontsize:12px;}如果有多个表格,需要分别定义,可以给每个表格添加不同的class,例子: 相应的css为:.atd{fontsize:12px;}//表格1的字体是12px.btd{fontsize:14px;}//表格2的字体是14px除了定义字体大小外,还可以定义其他CSS样式,非常的方便。
这是表格一
这是表格二