CSS样式类实例分析

发布时间：2022-03-02 15:36:50 作者：iii
来源：亿速云阅读：132

这篇文章主要讲解了“CSS样式类实例分析”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS样式类实例分析”吧！

CSS概述

CSS指层叠样式表(CascadingStyleSheets)

样式定义如何显示HTML元素

样式通常存储在样式表中

把样式添加到HTML4.0中，是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在CSS文件中

多个样式定义可层叠为一个

HTML标签原本被设计为用于定义文档内容。通过使用<h2>、<div>、<table>这样的标签，HTML的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。

所有的主流浏览器均支持层叠样式表

div和span的理解

div是一个html标签,一个块级元素(单独显示一行),单独使用没有任何意义,必须结合CSS来使用,主要用于页面的布局;

span是一个html标签,一个内联元素(显示一行),它单独使用没有任何意义,必须结合css使用,主要对括起来的内容进行样式的修饰;

类选择器

使用类选择器前要对世纪文档做标记，才能发挥类选择器作用。

.name{text-align:center}

在文档后面的部分，通过包含与样式相关的'class'属性，且将其中一个预定义的样式指定为'name'值，就一块明确选择要对该标签的特定情况用何种样式

<pclass=name>

<!DOCTYPEhtml>

<html>

<head>

<metacharset="UTF-8">

<style>

.sheen{font-size:large;color:salmon}

</style>

</head>

<body>

<div>

SiesprechengutDeutsch.

</div>

<div>

WasmachenSiehierinBerlin?ArbeitenSiehire?

</div>

<div>

Nein,ichstudiere.

</div>

</body>

</html>
CSS样式类实例分析

感谢各位的阅读，以上就是“CSS样式类实例分析”的内容了，经过本文的学习后，相信大家对CSS样式类实例分析这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！

相关阅读