7wu1wm0 发表于 2024-6-30 05:10:04

CSS语法与规则 — 重学CSS


    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">我是三钻，一个在《技术银河》中等你们<span style="color: black;">一块</span>来终生漂泊学习。</p> 点赞是力量，关注是认可，评论是关爱！下期再见 ！<h2 style="color: black; text-align: left; margin-bottom: 10px;">前言</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">进入重学 CSS 的<span style="color: black;">第1</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> CSS <span style="color: black;">此刻</span>标准的状态非常<span style="color: black;">繁杂</span>，所以<span style="color: black;">咱们</span><span style="color: black;">无</span>办法找到一份像 JavaScript <span style="color: black;">或</span> HTML 中比较完备的现形标准，能把 CSS 的一切都浓缩在内。</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><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><span style="color: black;">按照</span> Winter 老师比较<span style="color: black;">爱好</span>学习一个线索，凡是<span style="color: black;">针对</span>编程语言，都会先从它的语法去<span style="color: black;">认识</span>它。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">因此</span> CSS <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><span style="color: black;">咱们</span><span style="color: black;">这儿</span>先从 CSS 2.1 语法标准<span style="color: black;">起始</span>。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-b34c995f506fd74ab4d6e4adb20b4706_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS 2.1 语法标准</h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">CSS 2.1 确实是一个比较老的版本了，<span style="color: black;">然则</span>它有一个好处，在 2.1 的版本的时候<span style="color: black;">创立</span>了一个 Snapshot，<span style="color: black;">亦</span><span style="color: black;">便是</span>说<span style="color: black;">无</span>其他版本去替代它。<span style="color: black;">因此</span> CSS 2.1 的 Grammar Summary 部分是当时一个比较完整的一份语法列表。</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>的引入了 CSS3 了，<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>认识 CSS 的语法<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> “产生式” 来表达的。<span style="color: black;">然则</span><span style="color: black;">这儿</span>会有<span style="color: black;">有些</span> CSS 中<span style="color: black;">尤其</span>的表达方式和标准：</p>[ ] —— 方括号<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> 0 个或 多个<h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS 总体结构</h2>@charset@importrules —— 多个规则，<span style="color: black;">这儿</span>面的规则<span style="color: black;">无</span><span style="color: black;">次序</span><span style="color: black;">需求</span> @media@pagerule —— <span style="color: black;">这儿</span>基本上<span style="color: black;">便是</span><span style="color: black;">咱们</span>平时写的 CSS 样式规则部分 <span style="color: black;">咱们</span>平时写都是在写普通的 CSS 规则，charset <span style="color: black;">咱们</span>基本都不会用，<span style="color: black;">通常</span><span style="color: black;">咱们</span>都会用 UTF-8。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">这儿</span>讲到的是 CSS 2.1 的 CSS 结构，在 CSS3 中<span style="color: black;">咱们</span>有<span style="color: black;">更加多</span>的 @ 规则 和 CSS 规则，<span style="color: black;">咱们</span><span style="color: black;">首要</span>要在 CSS3 中找到这两块的所有内容，<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>候<span style="color: black;">咱们</span>对 CSS 的语法认识就有完备性了。</p>
    <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic3.zhimg.com/80/v2-b34c995f506fd74ab4d6e4adb20b4706_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
    <h2 style="color: black; text-align: left; margin-bottom: 10px;">CSS @ 规则<span style="color: black;">科研</span></h2>
    <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">@charset: <a style="color: black;"><span style="color: black;">https://www.</span><span style="color: black;">w3.org/</span></a>TR/css-syntax-3/</p>在 CSS syntax 3




流星的美 发表于 2024-8-30 06:16:03

期待与你深入交流，共探知识的无穷魅力。

qzmjef 发表于 2024-10-3 01:04:57

楼主听话，多发外链好处多，快到碗里来！外链论坛 http://www.fok120.com/

1fy07h 发表于 2024-10-16 04:18:16

楼主果然英明！不得不赞美你一下！

j8typz 发表于 2024-10-20 00:18:11

期待更新、坐等、迫不及待等。

b1gc8v 发表于 2024-11-2 12:05:36

请问、你好、求解、谁知道等。

j8typz 发表于 2024-11-2 18:48:51

你字句如珍珠，我珍藏这份情。
页: [1]
查看完整版本: CSS语法与规则 — 重学CSS