这篇文章主要讲解了“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">
<title>类选择器</title>
<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样式类实例分析这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。