首页 > 其他分享 >css字体

css字体

时间:2023-04-19 10:12:37浏览次数:39  
标签:em normal 字体 大小 font css size

1、font-family字体系列

font-family:"Times New Roman", Times, serif;
  • 应该设置多个,以作为后备机制,如果浏览器不支持第一种字体,他将尝试下一种字体。
  • 字体系列的名称超过一个字,必须使用引号

2、字体样式

font-style:normal;
  • 可选项:normal正常,italic斜体,oblique倾斜的文字,和斜体类似但不太支持

3、字体大小

font-size:40px
font-size:2.5em 
font-size:100%
  • 不指定一个字体的大小,默认大小和普通文本段落一样,是16像素(16px=1em)。
  • 可以是绝对大小,px单位,大小确定,但不允许用户在浏览器中改变
  • 也可以是相对大小,em单位,相对于周围元素,但可以允许用户改变

4、字体粗细

font-weight:normal
  • 可选值:normal正常,bold加粗,bolder更粗,lighter更细,
  • 也可以由数值定义从从细到粗,100-900,400等同于正常

标签:em,normal,字体,大小,font,css,size
From: https://www.cnblogs.com/wd404/p/17332288.html

相关文章

  • css一般设置
    1、链接a:link-正常,未访问过的链接a:visited-用户已访问过的链接a:hover-当用户鼠标放在链接上时a:active-链接被点击的那一刻超链接a标签具有四个状态,可以基于css选择器进行选择a:hover必须跟在a:link和a:visited后面a:active必须跟在a:hover后面一个常......
  • css盒子模型
    1、介绍所有HTML元素可以看作盒子,包括:外边距margin边框border内边距(填充)padding实际内容:显示文本和图像,指定元素的width和height属性实际就是内容的宽度和高度2、边框(1)border-style样式none:默认无边框dashed虚线边框solid实线边框double两个边框groove3D沟槽......
  • css实现艺术字
    最近在写一个新的小活动,本来有涉及艺术字的标题,本来是想用图片展示的,后来面向百度编程的时候,发现可以使用css来实现效果及代码如下font-size:60rpx;color:#fff;text-shadow:005px#FF0200,0010px#727272;text-align:center;margin:30rpxau......
  • CSS3 Media Query CSS3媒介查询
    通过min-width的设置,我们可以在浏览器窗口或设备屏幕宽度高于这个值的情况下,为页面指定一个特定的样式表;max-width则反之如下面代码:<style> /*max-width宽度小于600px*/ @mediascreenand(max-width:600px){ .one{background:#F9C;} span.lt600{display:inline......
  • Element Plus错误警告 | Popper: Detected CSS transitions on at least one of the f
    这个错误的解决方案如下:1.禁用"computeStyles"修饰符的adaptive选项:这将允许平滑过渡,但可能会降低性能。禁用"computeStyles"修饰符的adaptive选项,可以在创建Popper实例时指定modifiers参数,并将computeStyles的adaptive属性设置为false。示例如下:import{create......
  • CSS引入方式及link和@import的区别
    1.概述1.1说明在项目开发中,我们经常使用css样式使页面丰富多彩,编写过程中,CSS有四种引入方式。 2.CSS引入方式2.1 引入方式一:内联样式内联样式(行内样式):直接在HTML标签中的style属性中添加CSS<divstyle="width:200px;height:200px;background:red;"></div>内联......
  • jupyter notebook字体问题
    问题描述学习python时发现jupyternotebook默认字体丑陋(不改变主题)解决方法jupyternotebook采用网页交互,其代码字体受浏览器影响,因此考虑更改Chrome浏览器的字体。具体操作如下:设置-外观-自定义字体,将宽度固定的字体更改为Consolas。第四项等宽字体由于一般都是显示代码,很少......
  • python学习之-加密字体反扒
    #coding=utf-8'''#获取实习僧招聘信息#(https://www.shixiseng.com/interns?page=2&type=intern&keyword=%E6%95%B0%E6%8D%AE%E6%8C%96%E6%8E%98&area=&months=&days=°ree=&official=&enterprise=&salary=-0&publishTime=......
  • Respond.js让IE6-8 支持 CSS3 Media Query
    Respond.js是一个快速、轻量的polyfill,用于为IE6-8以及其它不支持 CSS3MediaQueries的浏览器提供媒体查询的 min-width和max-width特性。官方网址:https://github.com/scottjehl/Respond ......
  • css中文字与图片对齐
    css中文字与图片对齐第一种,使用vertical-align:middle.icon{ background-repeat:no-repeat; background-position:center;display:inline-block;width:16px;height:16px;vertical-align:middle;}.icon-down{background-image:url(./imgs/icon......