6hz7vif 发表于 2024-6-29 18:58:55

三分钟认识什么是CSS


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">三分钟<span style="color: black;">认识</span>什么是CSS </p>在<span style="color: black;">认识</span>CSS之前,<span style="color: black;">首要</span>你<span style="color: black;">必须</span>对HTML和XHTML的知识有基本<span style="color: black;">认识</span>。
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML(Hyper Text Markup Language,超文本标记语言)是用来描述网页的一种语言。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML不是一种编程语言,而是一种标记语言,<span style="color: black;">运用</span>标记标签(markup language)来描述网页。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">标记语言:一种将文本以及文本<span style="color: black;">关联</span>的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。与文本<span style="color: black;">关联</span>的其他信息(<span style="color: black;">包含</span>文本的结构和<span style="color: black;">暗示</span>信息等)与原来的文本结合在<span style="color: black;">一块</span>,<span style="color: black;">然则</span><span style="color: black;">运用</span>标记进行标识。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">XHTML</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">比起HTML,XHTML是更严格更纯净的HTML代码。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML语法<span style="color: black;">需求</span>比较松散,虽然对网页编写者<span style="color: black;">来讲</span>比较方便,但<span style="color: black;">针对</span><span style="color: black;">设备</span><span style="color: black;">来讲</span>,语言的语法越松散、处理起来就越困难,<span style="color: black;">针对</span>传统的计算机<span style="color: black;">来讲</span>,还有能力兼容散语法,但<span style="color: black;">针对</span>许多其他设备<span style="color: black;">来讲</span>难度就比<span style="color: black;">很强</span>,<span style="color: black;">因此呢</span>产生了语法<span style="color: black;">需求</span>更加严格的XHTML。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">或</span>说,XHTML的<span style="color: black;">显现</span><span style="color: black;">便是</span>为了取代HTML。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">XHTML(EXtensible HyperText Markup Language,可扩展超文本标签语言)是一种标记语言,表现方式与HTML类似。<span style="color: black;">倘若</span>说HTML是一种基于标准通用标记语言(SGML)的应用,是一种非常灵活的置标语言,<span style="color: black;">那样</span>XHTML则基于可扩展标记语言(XML),XML是SGML的一个子集,XHTML是当前HTML版的继承者。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">XHTML和CSS结合后,既能够实现样式和内容的分离,又能有机组合网页代码,在<span style="color: black;">另一</span>的单独文件中还<span style="color: black;">能够</span>混合<span style="color: black;">各样</span>XML应用。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-90ceaeec36bccbc50f70eb5f6f035209_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">此刻</span><span style="color: black;">咱们</span><span style="color: black;">能够</span>回来对CSS做进一步的<span style="color: black;">认识</span>。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS(Cascading Style Sheets,层叠样式表)是一种定义样式结构如字体、颜色、位置等的语言,被用于描述网页上的信息格式化和<span style="color: black;">表示</span>的方式。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">随着网页技术的发展,为了满足web制作的<span style="color: black;">需求</span>,HTML添加了<span style="color: black;">非常多</span><span style="color: black;">表示</span>功能,但随着这些功能的<span style="color: black;">增多</span>,HTML变得越来越杂乱、页面越来越臃肿。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1994年,有人提出了CSS的概念,1996年年底层叠样式表才应运而生。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">运用</span>HTML时,<span style="color: black;">必须</span>遵从<span style="color: black;">必定</span>的规范,CSS<span style="color: black;">亦</span>是如此。<span style="color: black;">想要</span><span style="color: black;">熟悉</span>地<span style="color: black;">运用</span>CSS对网页进行修饰,<span style="color: black;">首要</span><span style="color: black;">必须</span><span style="color: black;">认识</span>CSS样式规则。CSS样式规则语法样式是CSS的基本单位,<span style="color: black;">每一个</span>样式规则都<span style="color: black;">是由于</span>声明块和<span style="color: black;">选取</span>器两个基本部分<span style="color: black;">构成</span>的:声明块定义相应的样式,而<span style="color: black;">选取</span>器决定为<span style="color: black;">那些</span>元素应用样式。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS样式<span style="color: black;">能够</span>直接存储于HTML网页<span style="color: black;">或</span>单独的样式单文件。<span style="color: black;">没</span>论哪一种方式,样式单<span style="color: black;">包括</span>将样式应用到指定类型的元素的规则。<span style="color: black;">外边</span><span style="color: black;">运用</span>时,样式单规则被<span style="color: black;">安置</span>在一个带有文件扩展名_css的<span style="color: black;">外边</span>样式单文档中。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS不仅<span style="color: black;">能够</span>静态地修饰网页,还<span style="color: black;">能够</span><span style="color: black;">协同</span><span style="color: black;">各样</span>脚本语言动态地对网页各元素进行格式化。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS能够对网页中元素位置的排版进行像素级精确<span style="color: black;">掌控</span>,支持几乎所有的字体号样式,<span style="color: black;">持有</span>对网页对象和模型样式编辑的能力。</p>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">样式的运用,<span style="color: black;">处理</span>了一个<span style="color: black;">广泛</span>的问题。HTML标签<span style="color: black;">本来</span>被设计为<span style="color: black;">经过</span><span style="color: black;">运用</span>&lt;p&gt;、&lt;h1&gt;、&lt;table&gt; 此类的标签定义文档内容,初衷是表达“这是段落”、“这是标题”、“这是表格”之类的信息。<span style="color: black;">因为</span>IE浏览器和Netscape<span style="color: black;">持续</span>地将新的HTML属性标签添加到HTML规范中,创建文档内容清晰地独立于文档表现层的站点变得越来越困难。样式表定义<span style="color: black;">怎样</span><span style="color: black;">表示</span>HTML元素,就像H</p>




绿豆宝贝 发表于 2024-9-9 03:32:38

“NB”(牛×的缩写,表示叹为观止)‌
页: [1]
查看完整版本: 三分钟认识什么是CSS