CSS 加粗知识与CSS 加粗实例

DIV+CSS基础知识
CSS 加粗这里指的是通过
DIV CSS控制对象的加粗。
使用
CSS属性单词
font-weight
对象值:从100到900,最常用font-weight的值为bold

font-weight参数:

normal : 正常的字体。相当于number为400。声明此值将取消之前任何设置
bold : 粗体。相当于number为700。也相当于b对象的作用
bolder : IE5+ 特粗体
lighter : IE5+ 细体
number : IE5+ 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
详细基础加粗知识请进
CSS手册中的font-weight手册

Html常规加粗标签
以前html直接对对象加粗的标签如下:
<b></b>或<strong></strong>两者效果相同。
加粗实例,代码如下:

 <strong>我被加粗</strong><br />
<b>我也被加粗了</b><br/>
我未被加粗

html 加粗实例截图:

CSS 加粗基础技巧实例
CSS 代码

 .yangshi1{ font-weight:bold}

.yangshi2{ font-weight:800}

Div html代码:

 <span>我被加粗</span><br />
<span>我也被加粗了</span><br />
我未被加粗

CSS 加粗结果演示:

说明此图为CSS加粗实例片段代码和结果图。这里通过CSS来控制加粗文字方式来加粗对象。所以一般对文字对象加粗标题加粗即可使用此方法对其加粗。

总结与推荐:
1、在html对对象直接加粗可以用
<b><strong>对其加粗
2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

CSS 加粗(css font-weight)相关推荐

  1. linux字体加粗,CSS Fonts(字体)介绍

    导读 CSS字体属性定义字体,加粗,大小,文字样式. serif和sans-serif字体之间的区别 在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中, ...

  2. php 怎么给字体加粗,css怎么把字体加粗加大

    css把字体加粗加大的方法:可以利用font-weight属性来实现,如[font-weight: bold;].font-weight属性用于设置文本的粗细,bold用于定义粗体字符. 相关属性: ...

  3. html 字体样式加粗,css字体怎么加粗?

    css可以使用font-weight属性设置文本加粗.该属性用于设置显示元素的文本中所用的字体加粗.所有主流浏览器都支持font-weight属性. font-weight 属性设置文本的粗细. 属性 ...

  4. html语言怎么让字体加粗,css怎么让字体加粗?

    我们常常对HTML代码中文字字体进行加粗,无论中文.英文.数字以及符合进行加粗布局.下面我们来看一下如何使用css设置字体加粗. css设置字体加粗使用css属性font-weight.该属性用于设置 ...

  5. js控制css 加载,CSS样式表的加载对于DOM解析,渲染,JS执行的阻塞问题

    CSS加载问题 css加载会不会阻塞DOM树的解析? css加载会不会阻塞DOM树的渲染? css加载会不会阻塞后面js语句的执行? css阻塞 h1 { color: red !important ...

  6. 如何将横向滚动条加粗css,css实现横向滚动条的两种方式(代码实例)

    本章给大家介绍用css实现横向滚动条的两种方式.有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. html代码: 全部 Adobe 微软 会计 绘画 Adobe 微软 会计 绘画 一. ...

  7. html h1 不自动加粗,css如何使h1不换行?

    在网页优化中,经常要使用H标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行.我们该如何使用css设置H1标记文本不换行?下面我们来看一下css设置H1标记的文本不换行的方法. ...

  8. html5用css加粗字体,在CSS里怎样设置字体的浑厚,这个浑厚不是加粗……

    !DOCTYPE html html head meta charset=utf-8 / titlehover变色/title style .cube { width: 100px; text-ali ...

  9. 跨域css加载,css跨域加载字体

    一直以为css中链接的资源,不会因为跨域而导致加载失败.比方说图片. 但今天还是遇到了跨域失败的问题. chrome浏览器中提示:Access to Font at 'http://static.ut ...

  10. css b加粗怎么用,CSS去掉b加粗和strong加粗标签样式.doc

    CSS去掉b加粗和strong加粗标签样式 DIVCSS5教大家如何使用DIV+CSS去掉html中b加粗和strong加粗样式 1.使用CSS样式属性单词: font-weight 2.语法 去掉对 ...

最新文章

  1. LibSVM学习(六)——easy.py和grid.py的使用(转)
  2. Shell编程-控制结构 | 基础篇
  3. 面试必考的网络协议相关题目应该如何回答
  4. diff and colordiff on Ubuntu
  5. 【机器学习】 - import cv2 opencv安装python
  6. python3 xpath_Python3使用xpath解析
  7. 开启 ASA 5505 snmp协议
  8. 全国各省 省会城市经纬度汇总
  9. Vue+ElementUI实现简单的用户管理系统(四):查看用户详情页及删除用户
  10. Android开发之科大讯飞语音合成与播报
  11. VBA:单元格的引用
  12. error: RPC failed; curl 56 OpenSSL SSL_read: SSL_ERROR_SYSCALL, errno 10054解决方法
  13. 用python计算圆柱体积
  14. 在微信小游戏中使用tensorflow的face-landmarks-detection
  15. android共享win10,如何与Android手机共享Win10笔记本电脑网络
  16. html火狐浏览器秒杀插件,火狐浏览器Firefox(已装载常用渗透插件) 2018-06
  17. 将m4s文件转为mp4
  18. windows:Python + Vscode 安装文档
  19. pixel一代升级android10,谷歌Pixel系列首次Android 10更新:我们都应该知道些什么
  20. m3u8格式下载合并mp4视频

热门文章

  1. flashfxp3.41中文版注册码:(适合最新版本)
  2. 如何选择适合你的兴趣爱好(二十四),京剧
  3. Safari浏览器兼容性问题处理
  4. 好用的电脑端看图软件
  5. Foxit PDF SDK for iOS--零基础Cordova开发
  6. 虚拟仿真实验项目所需服务器,工程结构虚拟仿真实验室
  7. PM3环境搭建和M1卡复制
  8. C++ 实现计算24点
  9. sublime快捷键 1
  10. mac php开发集成环境,MAC OS X下php集成开发环境mamp