CSS样式字体初解

学会正确使用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

时间: 2024-10-29 05:22:08

CSS样式字体初解的相关文章

CSS样式—— 字体、元素的垂直水平居中

1.CSS样式与HTML中标签属性的区别: 标签的属性是采用 属性名="属性值" 表示的 CSS样式是采用名值对 属性名:属性值: 表示的 2.内联元素(行内元素)与块元素 (1)内联元素及其特点:   所谓的行内元素,指的是只占自身大小,不会独占一行          常见的内联元素:   a img iframe span           span没有任何语义,span标签专门用来选中文字,并对该文字设置样式 对内联元素设置宽高是无效的,也不可以设置行高,其宽度和高度都默认被元

css样式—字体垂直、水平居中

“来,老板娘,给个div瞅瞅”: “好的,宇哥,来了了了”: <div class="tt">啦啦啦</div> “给各样啊,我去”: “是”: .tt{ padding: 0px; width:500px; height:200px; text-align:center; background-color:#F69; display: table-cell; vertical-align:middle } 为啥呢,这是.好吧.看样式中  display: ta

CSS样式-字体

CSS字体属性定义文本的字体系列:大小,加粗,斜体和大小写等. 在CSS中,有两种不同类型的字体系列名称: 通用字体:拥有相似外观的字体系统组合(Serif,Sans-serif,Monospace,Cursive,Fantasy) 特定字体:具体的字体系列(Times,TimesNR,Courier,Georgia) 1)指定字体系列 font-family <!-- 如果你希望文档使用一种 sans-serif 字体,但是你并不关心是哪一种字体,以下就是一个合适的声明 --> <!-

05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式: 1.定义字体类型font-family 用法: font-family:name; font-family:ncursive|fantasy|monospace|serif|sans-serif name表示字体名称,可指定多种字体,用空格隔开.按优先顺序排列.如果字体名称包含空格,则应该使用括号()括起来. font是一个复合属性,所谓复合属性是指该属性能够设置多种字体属性,用法如下: font:font-style||font-variant||font-we

[WinXP] Chrome使用CSS样式强制使用微软雅黑字体出现口口的解决办法

XP下使用chrome(也包括FF.opera.IE等支持css定义样式的浏览器),为美观希望将页面字体强制显示为微软雅黑,但是在某些网站,会有部分字符无法显示,比如:www.taobao.com,https://www.zybuluo.com/mdeditor,究其原因,是由于这些网站使用了"图标字体",而微软雅黑不能够显示.这个问题估计不少人都遇到过.那么,能否"鱼和熊掌兼得"呢?答案是肯定的,将自定义样式改为以下代码即可: *:not([class*=&quo

在线生成CSS样式和兼容的字体格式

http://www.fontsquirrel.com/tools/webfont-generator 在线生成CSS样式和兼容的字体格式.

css部分样式整理-特殊字体格式、导航栏固定、块级元素与行内元素、html 元素的margin与padding默认值、css样式优先级概括等

1.一些特殊字体样式: 首行缩进2字符:{text-indent:2em;} 水平居中:{text-align:center;} 两端对齐:{text-align:justify;} 垂直居中:{vertical-align: middle;} 字间距2字符:{letter-spacing:2em;} 行间距2倍:{line-height:2;}     2.导航栏固定在页面某处(相对于<body>):     {position:fixed;left:  px;top:  px;}  3.块

CSS font-size字体文字大小样式属性-字体大小样式篇

一.设置字体大小CSS单词与语法 - TOP基本语法结构: .divcss5{font-size:12px;}设置了文字大小为12px像素Font-size+字体大小数值+单位 单词:font-size语法:font-size : absolute-size | relative-size | length取值:xx-small | x-small | small | medium | large | x-large | xx-largexx-small:最小x-small:较小small:小m

2.Bootstrap 全局CSS样式和字体图标

一.全局CSS样式 1.html5文档类型,标准,参照下面的进行设置 <!DOCTYPE html> <html lang="zh-CN"> ... </html> 2.移动设备优先 bootstrap是移动设备优先的! 为了确保适当的绘制和触屏缩放,需要在<head>之中添加viewport元数据标签. <meta name="viewport" content="width=device-width