[css-text-3] Start notes with "Note:"

Prior to this change, some notes started with "Note:",
some started with "Note that",
and some started without any mention of it being a note.

This just makes everything consistent,
so that all notes can be readily identified.

I chose the "Note:" for over the "Note that" form as it
makes it less likely that we'll break something
in a later update to the spec to use less HTML and more bikeshed-flavored markdown,
since bikeshed turns "Note:" into notes even in the absence of
class=note.

Closes #3211

Author: frivoal

css-text-3/Overview.bs

@@ -98,7 +98,7 @@ Introduction</h2>
   and <a href="#edge-effects">indentation</a>.
 
   <div class="note">
-    <p>Font selection is covered in <a href="https://www.w3.org/TR/css-fonts-3/">CSS Fonts Level 3</a> [[CSS-FONTS-3]].
+    <p>Note: Font selection is covered in <a href="https://www.w3.org/TR/css-fonts-3/">CSS Fonts Level 3</a> [[CSS-FONTS-3]].
 
     <p>
     <span id="decoration"></span>
@@ -254,7 +254,7 @@ Characters and Letters</h3>
   depending on the operation as needed.
 
   <p class="note">
-  The rules for such tailorings are out of scope for CSS.
+  Note: The rules for such tailorings are out of scope for CSS.
 <!--
   however W3C currently maintains a wiki page
   where some known tailorings are collected.
@@ -373,7 +373,7 @@ Characters and Letters</h3>
     </div>
 
     <p class="note">
-      Note that, as defined in <a href="#order">Text Processing Order of Operations</a>,
+      Note: As defined in <a href="#order">Text Processing Order of Operations</a>,
       transforming text affects line-breaking and other formatting operations.
 
     <p>
@@ -429,7 +429,7 @@ Characters and Letters</h3>
       U+0020 spaces to U+3000 within <a>preserved</a> white space.
 
     <p class="note">
-      A future level of CSS may introduce the ability to create custom mapping
+      Note: A future level of CSS may introduce the ability to create custom mapping
       tables for less common text transforms, such as by an ''@text-transform''
       rule similar to ''@counter-style'' from [[CSS-COUNTER-STYLES-3]].
 
@@ -491,7 +491,7 @@ Characters and Letters</h3>
       As preserved spaces take up space and do not hang,
       they affect the box's intrinsic sizes ([=min-content size=] and [=max-content size=]).
 
-      <p class="note">This value does not guarantee that there will never be any overflow due to spaces:
+      <p class="note">Note: This value does not guarantee that there will never be any overflow due to spaces:
       for example, if the line length is so short that even a single space does not fit,
       overflow is unavoidable.</p>
     <dt><dfn>pre-line</dfn></dt>
@@ -599,7 +599,7 @@ Characters and Letters</h3>
     in the text is treated as a <dfn export>segment break</dfn>,
     which is then interpreted for rendering as specified by the 'white-space' property.
 
-  <p class="note">Note that a document parser might
+  <p class="note">Note: A document parser might
     not only normalize any <a>segment breaks</a>,
     but also collapse other space characters or
     otherwise process white space according to markup rules.
@@ -609,7 +609,7 @@ Characters and Letters</h3>
     can be affected by these limitations and
     may be user agent dependent.</p>
 
-  <p class="note">Note that anonymous blocks consisting entirely of
+  <p class="note">Note: Anonymous blocks consisting entirely of
     <a>collapsible</a> <a>white space</a> are removed from the rendering tree.
     Thus any such <a>white space</a> surrounding a block-level element is collapsed away.
     See [[CSS2]] section
@@ -640,7 +640,7 @@ Characters and Letters</h3>
       spaces (U+0020), tabs (U+0009), and <a href="#white-space-processing">segment breaks</a>.
 
     <p class="note">
-      Note that the set of characters considered <a>document white space</a> (part of the document content)
+      Note: The set of characters considered <a>document white space</a> (part of the document content)
       and that considered syntactic white space (part of the CSS syntax)
       are not necessarily identical.
       However, since both include spaces (U+0020), tabs (U+0009), and line feeds (U+000A)
@@ -755,7 +755,7 @@ Characters and Letters</h3>
         <li>Otherwise, the segment break is converted to a space (U+0020).
       </ul>
 
-      <p class="note">Note that the white space processing rules have already
+      <p class="note">Note: The white space processing rules have already
         removed any tabs and spaces after the segment break before these checks
         take place.</p>
 
@@ -878,7 +878,7 @@ Characters and Letters</h3>
     however some controls are provided to distinguish common variations.
 
   <div class="note">
-    <p>Further information on line breaking conventions can be found in
+    <p>Note: Further information on line breaking conventions can be found in
       [[JLREQ]] and [[JIS4051]] for Japanese,
       [[ZHMARK]] for Chinese, and
       in [[!UAX14]] for all scripts in Unicode.
@@ -975,7 +975,7 @@ Line Breaking Details</h3>
     </div>
 
     <p class="note">
-      To enable additional break opportunities only in the case of overflow,
+      Note: To enable additional break opportunities only in the case of overflow,
       see 'overflow-wrap'.
 
     <p>Values have the following meanings:</p>
@@ -1015,7 +1015,7 @@ Line Breaking Details</h3>
         except where opportunities exist due to dictionary-based breaking.
         Otherwise this option is equivalent to ''word-break/normal''.
         In this style, sequences of CJK characters do not break.
-        <p class=note>This is the other common behavior for Korean (which uses spaces between words),
+        <p class=note>Note: This is the other common behavior for Korean (which uses spaces between words),
         and is also useful for mixed-script text where CJK snippets are mixed
         into another language that uses spaces for separation.</dd>
     </dl>
@@ -1221,7 +1221,7 @@ Line Breaking Details</h3>
         </ul>
     </ul>
 
-    <p class="note">In the requirements listed above,
+    <p class="note">Note: In the requirements listed above,
       no distinction is made among the levels of strictness in non-CJK text:
       only CJK codepoints are affected,
       unless the text is marked as Chinese or Japanese,
@@ -1240,7 +1240,7 @@ Line Breaking Details</h3>
       (ตัวอย่าง·การ·เขียน·ภาษา·ไทย).
     </div>
 
-    <p class="note">The CSSWG recognizes that in a future edition of the
+    <p class="note">Note: The CSSWG recognizes that in a future edition of the
       specification finer control over line breaking may be necessary to
       satisfy high-end publishing requirements.
 
@@ -1632,7 +1632,7 @@ Shaping Across Intra-word Breaks</h3>
                    src="images/text-justify-none.png"></p>
             <p class="caption">Mixed-script text with ''text-justify: none''
           </div>
-          <p class="note">This value is intended for use in user stylesheets
+          <p class="note">Note: This value is intended for use in user stylesheets
           to improve readability or for accessibility purposes.
 
       <dt><dfn>inter-word</dfn></dt>
@@ -2089,7 +2089,7 @@ Cursive Scripts</h4>
       </table>
     </div>
     <div class="note">
-      Note that proper cursive elongation or compression of a text
+      Note: Proper cursive elongation or compression of a text
       can vary depending on the
       script, typeface, language,
       location within a word, location within a line,
@@ -2268,7 +2268,7 @@ Cursive Scripts</h4>
       </pre>
     </div>
 
-    <p class="note">Note that since the 'text-indent' property inherits,
+    <p class="note">Note: Since the 'text-indent' property inherits,
       when specified on a block element, it will affect descendant
       inline-block elements.
       For this reason, it is often wise to specify 'text-indent: 0' on
@@ -2292,7 +2292,7 @@ Cursive Scripts</h4>
       <a>hangs</a> and may be placed outside the line box (or in the indent)
       at the start or at the end of a line of text.
 
-    <p class="note">Note that if there is not sufficient padding on the
+    <p class="note">Note: If there is not sufficient padding on the
       block container, 'hanging-punctuation' can trigger overflow.</p>
 
     <p>When a punctuation mark <dfn lt="hang">hangs</dfn>, it is not considered
@@ -2362,7 +2362,7 @@ Cursive Scripts</h4>
     </table>
     <p>The UA may include other characters as appropriate.
 
-    <p class="note">The CSS Working Group would appreciate if UAs including
+    <p class="note">Note: The CSS Working Group would appreciate if UAs including
       other characters would <a href="#status">inform the working group</a>
       of such additions.</p>
 
@@ -2432,7 +2432,7 @@ Bidirectionality and Line Boxes</h3>
       &lt;/block&gt;</pre>
   </div>
 
-  <p class="note">Note that the inline base direction determined here
+  <p class="note">Note: The inline base direction determined here
     applies to the line box itself, and not to its contents.
     It affects 'text-align-all', 'text-align-last', 'text-indent', and 'hanging-punctuation',
     i.e. the position and alignment of its contents with respect to its edges.