一、字体样式

font-family：设置字体类型，可以同时声明多种字体，字体之间用英文逗号分隔开；
font-size：设置字体大小，常用单位为px，还有其他如in、cm、mm、pt、pc等单位；
font-style：设置字体风格，有三个属性值，分别是normal(标准字体样式)、italic(斜体字体样式)、oblique(倾斜字体样式)；
font-weight：设置字体粗细，属性值有normal(默认)、bold(粗体)、bolder(更粗)、lighter(更细)，还可以用100到900定义由细到粗的字体，400等同于normal，700等同于bold；
font：设置字体多种属性，可以同时设置；

无标题文档

这是第一行(样式为：标签选择器p中的样式)

这是第二行(样式为：斜体)

这是第三行(样式为：加粗)

这是第四行(样式为：字体变成微软雅黑)

这是第五行(样式为：字体大小为36px)

效果演示图如下所示：

1.png

二、使用CSS排版网页文本

color：设置文本颜色，统一采用RGB格式，也就是“红绿蓝”三原色模式；
text-align：设置元素水平对齐方式，属性值有left(左对齐，默认)、right(右对齐)、center(中间对齐)、justify(两端对齐)；
line-height：设置文本行高，单位也是px，也可以不加单位，按倍数表示；
text-indent：设置文本的首行缩进，单位是em或者px，em是相对单位，表示长度相当于文本中字符的倍数，可以根据字体大小自适应改变；
text-decoration：设置文本的装饰，属性值有none(默认值)、underline(下划线)、overline(上划线)、line-through(删除线)；
vertical-align：垂直对齐，属性值有top、middle、bottom；

无标题文档

这是第一行(样式为: 字体红色)

这是第二行(样式为：居中)

这是第三行(样式为：行高50px)

这是第四行(样式为：缩进2em)

这是第五行(样式为：删除线)

这是第六行(样式为：垂直居中)

演示效果如图所示：

2.png

三、cursor设置鼠标形状

cursor属性可以用来设置鼠标指针样式；
default：默认光标，箭头；
pointer：超链接的指针，手型；
wait：指示程序正在忙；
help：指示可用的帮助；
text：指示文本；
crosshair：鼠标呈现十字状；

四、背景样式

background-color：背景颜色；
background-image：背景图像；
background-repeat：背景平铺，属性值有repeat(沿水平和垂直方向平铺)、no-repeat(不平铺)、repeat-x(沿水平方向平铺)、repeat-y(沿水质方向平铺)；
background-position：设置图像在背景中的位置；

无标题文档

演示效果图：

3.png

五、列表样式

list-style-type：设置列表项标记的类型，属性值有none(无标记符号)、disc(实心圆，默认类型)、circle(空心圆)、square(实心正方形)、decimal(数字)；
list-style-image：使用图片替换列表的标记项；
list-style-position：设置在何处防止列表标记项，属性值有inside(放在文本以内)、outside(放在文本左侧)；
list-style：简写属性，可以设置所有列表属性；

无标题文档

第一队第一队第一队 第二队第二队第二队 第三队第三队第三队

演示效果图为：

4.png

css限制字体三行_CSS美化网页相关推荐

css限制字体三行_讲道理，仅3行核心css代码的rate评分组件，我被自己秀到头皮发麻...
(给100素材网点亮★号,提升开发技能) 像rate评分组件一般都用javascript写,所以这次将是一个全新的尝试,用css实现一个rate评分 ❗ 核心代码也就三行?01效果图02原理主要是借助 ...
CSS笔记 —— 美化网页
本篇博客是根据B站up@遇见狂神说的视频以及W3school官网文档整理的笔记,里面会有一些视频的截图.代码和官网的概念,以及我个人的注释笔记,代码例子等. 全篇博客包括代码均为自己手打,结果截图均 ...
CSS（字体、背景）
1.CSS:层叠样式表,用来美化网页的.做到结构(HTML)和表现(CSS)分离 2.基本语法:由三部分组成:选择器.属性.属性值选择器{属性:属性值;} 3.CSS的四种引用方式 (1)行间样式( ...
CSS系列之美化网页/span标签和div标签/字体样式/文本样式
CSS系列之美化网页/span标签和div标签/字体样式/文本样式 01 span标签和div标签 span标签的作用能让几个文字或者某个词语凸显出来属于行内元素 div标签属于块级元素程序示 ...
CSS——美化网页元素（字体样式，文本样式，阴影，超链接伪类，列表，背景，渐变）
为什么要美化网页 1.1有效的传递页面信息 1.2美化网页,页面漂亮,才能吸引用户 1.3凸显页面主题 1.4提高用户体验 span标签:重点要突出的字使用该标签套起来 <!DOCTYPE ht ...
在HTML中使用CSS美化网页的三种方法
在HTML中使用CSS美化网页的三种方法 CSS是Cascading Style Sheets(级联样式表)的缩写,CSS是一种样式表语言,用于为HTML文档定义布局.例如,CSS涉及字体.颜色.边距 ...
html段落排版,美化网页段落排版的css教程
美化网页段落排版的css教程上四篇的内容是把常用的XHTML标签拿出来介绍了一下,不是很详细.不过没关系,重点是要能先知道用他们,以后深入了再去细细研究更为详细的特性以及使用方法就容易多了.上篇已经 ...
CSS 美化网页元素
文章目录 1.为什么要美化网页元素 2.span标签 3.字体样式 4.文本样式 4.1.颜色 4.2.文本对齐的方式 4.3.首行缩进 4.4.行高 4.5.装饰 5.超链接伪类以及文本阴影 6.列 ...
css字体的字型,CSS的字体、字型控制_css
★☆★使用css你可以对页面的字体进行任意的控制,比起html简直方便不知多少. CSS使用"font-size"属性来控制字体大小. CSS中可以使用的单位:points, pi ...

css限制字体三行_CSS美化网页