需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<script>标签中,输入js代码:
$('td').click(function () {
$('td').css('font-weight', 'normal')
$(this).css('font-weight', 'bold')
})
3、浏览器运行index.html页面,点击“我是A”,此时字体会变粗。
4、再点击“我是B”,此时“我是A”的字体粗度恢复正常,“我是B”的字体变粗。
css样式表中字体加粗的属性是:“font-weight”。
语法:font-weight:normal | bold | bolder | lighter | <integer>
normal:正常的字体。相当于数字值400
bold:粗体。相当于数字值700。
bolder:定义比继承值更重的值(特粗体)
lighter:定义比继承值更轻的值(细体)
<integer>:用数字表示文本字体粗细。取值范围:100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
设置或检索对象中的文本字体的粗细。作用由客户端系统安装的字体的特定字体变量映射决定。系统选择最近的匹配。也就是说,用户可能看不到不同值之间的差异。
扩展资料
CSS font 属性
在一个声明中设置所有字体属性:
p.ex2
{ font:italic bold 12px/20px arial,sans-serif}
“font”简写属性在一个声明中设置所有字体属性。
这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。
可以按顺序设置如下属性:
font-style
font-variant
font-weight
font-size/line-height
font-family
可以不设置其中的某个值,比如 font:100% verdana也是允许的。未设置的属性会使用其默认值。
参考资料:百度百科-CSS样式
css里文字加粗的步骤如下:
1、首先新建一个17.html。
2、然后输入html5标准声明。
3、输入后可以看到html网页的结构。
4、再在header标签中添加style层叠样式。
5、把body标签的文字加粗。
6、最后使用浏览器打开网页就可以看到字体加粗了,这样css里文字加粗的问题就解决了。