html字体加粗

CSS样式字体初解

由 馋奶兔 提交于 2020-03-27 04:36:04
学会正确使用css属性，掌握网页文本的多样化样式。 属性: 字体大小【font-size】含义：字符框的高度。 加粗字体【font-weight】将【font-weight】设置为【bold】，以加粗文字，该属性可继承。 倾斜字体【font-style】将【font-style】设置为【italic】，以倾斜文字，该属性可继承。 字间距【letter-spacing】设置【letter-spacing】的值为px或em，可控制文字间的间隙，该属性可继承。 首行缩进【text-indent】设置 值为em 可实现第一个文字向后缩进。 给文字划线【text-decoration】设置【underline】属性，可以给文字添加下划线。 例： css样式： html： 其效果如下： 来源： https://www.cnblogs.com/an2333/p/11524961.html

font字体

由 非 Y 不嫁゛ 提交于 2020-03-06 23:24:00
1、font-size:大小 作用： 用于设置字号 p{ font-size:20px; } 单位 可以使用相对长度单位，也可以使用绝对长度单位 相对长度单位比较常用，推荐使用像素单位，绝对单位使用较少 相对长度 说明 em 相对于当前对象内文本的字体尺寸 px 像素，最常用，推荐使用 绝对长度单位 说明 in 英寸 cm 厘米 mm 毫米 pt 点 2、font-family：字体 作用： 设置字体 p{font-family:“微软雅黑”；} 网页中最常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑 可以同时指定多个字体，中间一逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直接找到合适的字体 p{font-family:Arial,“Microsoft Yahei”,“微软雅黑”；} 常用技巧： 各种字体之间必须使用英文状态下的逗号隔开 中文字体必须用英文状态下的引号，英文字体一般不需要加引号，当需要设置英文字体时，英文字体名必须位于中文字体名之前 如果字体名之前包含空格，#，$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family:“Times New Roman”;. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示 3、font-weight:字体粗细

『Web前端』 CSS入门（10）——CSS 字体

由 放肆的年华 提交于 2020-03-04 02:13:36
文章目录 CSS 字体 CSS 字体系列 字体风格 字体变形 字体加粗 字体大小 CSS 字体 CSS 字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）。 CSS 字体系列 在 CSS 中，有两种不同类型的字体系列名称： 1.通用字体系列 - 拥有相似外观的字体系统组合（比如 “Serif” 或 “Monospace”） 2.特定字体系列 - 具体的字体系列（比如 “Times” 或 “Courier”） 除了各种特定的字体系列外，CSS 定义了 5 种通用字体系列： 1.Serif 字体 2.Sans-serif 字体 3.Monospace 字体 4.Cursive 字体 5.Fantasy 字体 字体风格 font-style 属性最常用于规定斜体文本。 该属性有三个值： 1.normal - 文本正常显示 2.italic - 文本斜体显示 3.oblique - 文本倾斜显示 示例： <html> <head> <style type="text/css"> p.normal { font-style : normal } p.italic { font-style : italic } p.oblique { font-style : oblique } </style> </head> <body> <p class= "normal"

如何设置文本不换行省略号显示等CSS常用文本属性

由 岁酱吖の 提交于 2020-02-27 03:13:18
如何让多余的文本省略号显示首先要说几个属性的作用： whitespace:nowrap 中文行末不断行显示 overflow： 控制超出文本的显示方式：hidden 超出范围文本隐藏；scroll 始终显示滚动条；auto 根据文字多少自动显示滚动条 text-overflow： 在overflow设置隐藏的情况下怎么显示 clip裁剪ellipsis省略号显示 那么让多余文字省略号显示需要以下三步： ①white-space：nowrap;如果是中文 设置文字超出范围不断行 ②overflow：hidden；设置超出控件范围隐藏； ③text-overflow：ellipsis; 设置多余文本隐藏显示； <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: green; } li{ color: red; list-style: none; } .li{ color: blue; font:italic bold 75%/1.8 "Microsoft Yahei",san-serif; font-weight: lighter; white

html的标签

由 自古美人都是妖i 提交于 2020-02-12 15:11:15
<p>&nbsp;</p> <p>段落标签</p> <hr /> <p>分隔线 自由加粗字体 斜字体 &nbsp; 空格 网页标签 网页标头网页主体内容</p> <h1>&nbsp;</h1> <p>h1 - h6网页加粗加大字体</p> 来源： https://www.cnblogs.com/yuexijun/p/12299133.html

CSS之①常用基本文字属性

由 邮差的信 提交于 2020-02-06 05:46:04
CSS之①常用基本文字属性 QQ:3020889729 小蔡 CSS的作用·个人总结（粗鄙请谅解） 正文·文字属性 常用的文字属性概括 常用文字属性的属性值介绍(使用属性赋值时要先使用一个':'号，外加一个空格，比如：color: red;) font-size的属性值 font-style的属性值 font-weight的属性值 font-family的属性值 font复合属性的使用 QQ:3020889729 小蔡 CSS的作用·个人总结（粗鄙请谅解） 个人感觉，css是对html对网页显示的加工——就好比，一间房间需要装修一样。我们的网页内容也需要修饰之后才更适合对外。而css恰恰可以完善，单纯使用html来排版样式的繁琐和困难。 作用一：本身脱于html，又与html息息相关，完善html的展示效果。 作用二：因为css样式表中含有众多的选择器，每一个选择器可以用在不同的地方，使得html的内容可以呈现更多元的效果——最主要是，让html文档显得更清晰。 （ps：才入手，可能有很多用处，只是呢在下还很菜~） 正文·文字属性 常用的文字属性概括 常用文字属性包括： 设置字体大小：font-size 设置字体样式：font-style 设置字体粗细：font-weight 设置字体：font-family 以及字体设置的复合属性：font 常用文字属性的属性值介绍

CSS快速入门（2020.02.04）

由 こ雲淡風輕ζ 提交于 2020-02-04 15:05:32
文章目录 CSS 概念 规则 形式 外部样式表 内部样式表 内联样式 多重样式 概念 层叠规则 选择 tag #id_val .class_val [property] tag tag #id_val tag .class_val tag tag.class_val 修饰 概念 content 长度单位 文本 字体 background padding border margin 补充 CSS常用颜色名 参考 CSS 概念 CSS (Cascading Style Sheets 层叠样式表) ：用于定义 HTML 元素显示的样式。 规则 一条CSS规则的基本组成： 选择器可以是tag、id、class、property等。 选择器可分组，即有多个，用“逗号”隔开。 值如果是多个单词要用“双引号”括起来。 多个声明之间用“分号”隔开。 子元素会继承父元素的规则，单独对子元素创建规则可摆脱父元素的规则。 形式 外部样式表 mystyle.css body { background-color : yellow ; } p { margin-left : 20px ; /* 左边外边框宽度设置为20像素 */ background-color : blue ; /* 背景色设置为蓝色 */ } hr { color : sienna ; } mydoc1.html <!DOCTYPE

CSS--font字体

由 淺唱寂寞╮ 提交于 2020-02-04 04:02:05
CSS字体样式属性 font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下： font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： p { font-family : "微软雅黑" ; } 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。 常用技巧： 1. 现在网页中普遍使用14px+。 2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。 3. 各种字体之间必须使用英文状态下的逗号隔开。 4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。 5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。 6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。 CSS Unicode字体 在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312

CSS 字体样式

由 本秂侑毒 提交于 2020-01-25 16:28:39
1. font-family 设置名称，控制使用何种字体 CSS: p{ font-family:"微软雅黑"; } HTML： <p>hello world</p> 演示结果： hello world 2. font-size 控制字体大小尺寸 CSS： p{ font-size:18px; } HTML: <p>hello world</p> 演示结果： 　　 hello world 3. font-weight 控制字体加粗 　　取值：100,200,300,400,500,600,700,800,900，bold，bolder。 CSS: p{ font-weight:bold } HTML: <p>hello world</p> 演示结果： 　　 hello world 4. font-style : 控制字体倾斜 　　取值：normal、italic、oblique CSS: p{ font-style:italic/oblique } HTML: <p>hello world</p> 演示结果： 　 　hello world 5. color 控制字体颜色 　　取值：colorname、rgba()、十六进制 CSS： p{ color:gray; } p{ color：rgba(255,255,255,0); } p{ color:#ccc; } HTML: <p

CSS学习笔记——字体样式和外观样式

由 主宰稳场 提交于 2020-01-24 20:17:19
1.CSS概念 CSS：Cascading Style Sheets，层叠样式表或者级联样式表，主要用于设置HTML页面中的文本内容、图片外形以及版面的布局等等外观样式。 2.CSS样式规则 选择器 {属性:值} 注意：属性和属性值是以键值对的形式出现，属性与属性值之间用英语的":“隔开，多个键值对之间用英语的”;"隔开。 3.CSS的字体样式 font-size ：设置字体的字号，属性值单位常用的是px，也可以使用绝对的长度单位，比如：cm,mm,pt,in等等。 font-family ： 设置字体，网页中常用的字体有 宋体 ， 微软雅黑 ， 黑体 等等，使用css样式可以设置字体的类型。如果需要设置多个字体，中间用逗号隔开，表示浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。 Unicode字体 ： 在CSS中设置字体，直接使用中文名称即可，但是在文件编码不匹配的时候会产生乱码的错误，这个时候可以采用英文名称或Unicode字体。 常用字体的英文名称和Unicode编码 宋体 SimSun \5B8B\4F53 黑体 NSimSun \65B0\5B8B\4F53 微雅软黑 Microsoft YaHei \5FAE\8F6F\96C5\9ED1 字体的英文名称和Unicode编码可以在CSS手册中查询。 font-weight ：设置字体的粗细
订阅 html字体加粗