温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

CSS样式类实例分析

发布时间:2022-03-02 15:36:50 来源:亿速云 阅读:120 作者:iii 栏目:web开发

这篇文章主要讲解了“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样式类实例分析”的内容了,经过本文的学习后,相信大家对CSS样式类实例分析这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI