文字变瘦css样式,文字变瘦css样式不变

用CSS如何让列表字体变粗？

需要准备的材料分别有：电脑、浏览器、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”的字体变粗。

相关问答

Q1: 怎样将html字体变细，我是新手？

1、分别对应语法如下：

b/b

strongstrong

2、应用案例

1）、html案例完整代码（可以拷贝测试）：

!DOCTYPE html html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title粗体实现 DIVCSS5案例/title /head body 我是正常字体br / b我被b粗体/bbr / strong我被strong粗体/strong /body /html 

2）、html粗体截图：

html粗体标签实现文字粗体加粗

以上是使用两种粗体标签实现html文字粗体，字体加粗方法，希望大家能灵活掌握与应用。

二、使用CSS样式实现文字粗体显示   -   TOP

div+css布局中，使用css样式实现文字字体粗体比较多的，只需要对对象设置一个粗体样式属性即可实现文本粗体，又称为css文字粗体。

1、css粗体样式基础

1）、单词与介绍

font-weight，值为可以为从100到900，和bold，最常用font-weight的值为bold，也是所有浏览器均兼容。

2）、css 粗体语法：

div{font-weight:bold} 

这样就让所有div对象内文字字体加粗

2、粗体css案例

1)、加粗粗体案例HTML源代码（div+css布局案例）（大家可以拷贝使用和测试）

!DOCTYPE html html xmlns="" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title粗体实现 DIVCSS5案例/title style .bold{ font-weight:bold} /style /head body div我是正常字体/div div class="bold"我被font-weight粗体/div /body /html 

2）、加粗案例截图

css样式font-weight粗体用法案例截图

三、关于字体文本粗体总结   -   TOP

样式粗体与html标签粗体 加粗方式

这里我们介绍HTML标签和CSS样式实现文字粗体两种方式，大家在实际使用时候根据需求选择粗体样式方式。

四、相关扩展阅读   -   TOP

1、html b加粗

2、html strong加粗

3、b与strong区别

4、css加粗

5、css font-weight

6、css去掉b strong加粗

7、css去掉h1 h2 h3 h4粗体

Q2: css怎么把单个字拉瘦和歪斜

!DOCTYPE html

html

head

meta charset="UTF-8" /

title/title

style type="text/css"

.style{

font-family: "microsoft yahei", arial; /*字体样式*/

font-size: 14px; /*字体大小 (参考值： 5px ~ 50px)*/

font-style: italic; /*字体斜体 (参考值： normal italic)*/

font-weight: 500; /*字体加粗 （参考值：300，500，700）*/

}

/style

/head

body

div id=""

css怎么把单个字 cite class="style"拉瘦和歪斜/cite

/div

/body

/html

Q3: 用css可不可以让文字变胖或变瘦

style

span{font-family:verdana;font-size:24px;letter-spacing:5px;width:600px;filter:dropshadow(color=black,offx=0,offy=1)}

div{font-family:verdana;font-size:12px;letter-spacing:12px;width:600px;filter:dropshadow(color=black,offx=1,offy=0) dropshadow(color=black,offx=2,offy=0) dropshadow(color=black,offx=3,offy=0)}/style

center

没压以前~又高又瘦:BR

spanLOVE YOU FOREVER/spanBRBR

压扁以后~又矮又胖:BR

divLOVE YOU FOREVER/div

Q4: 像这种瘦长字体的 CSS 怎么写？

你看他的font.css这个文件里，有这么一句

@font-face {

font-family: 'LeagueGothicRegular';

src: url('../fonts/leaguegothic/League_Gothic-webfont.eot');

src: local('☺'), url('../fonts/leaguegothic/League_Gothic-webfont.woff') format('woff'), url('../fonts/leaguegothic/League_Gothic-webfont.ttf') format('truetype'), url('../fonts/leaguegothic/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');

font-weight: normal;

font-style: normal;

}

这是引用webfont文件的。

你在你的html文件的header里面也引用一下他的font.css就行了。

加这么一句

link rel="stylesheet" type="text/css" media="all" href="" /

Q5: 如何用div/CSS设置文字使文字变扁

1、打开Dreamweaver输入任意汉字，点击编辑css。

2、选择中文字点击鼠标右键css样式-附加样式表。

3、弹出对话框选择附加样式表。

4、弹出附加样式表中选择文本Verdana，点击确定即可.