{"id":495,"date":"2020-07-02T20:24:54","date_gmt":"2020-07-02T23:24:54","guid":{"rendered":"https:\/\/www.joemaster.com.br\/tutoriais\/?p=495"},"modified":"2020-07-02T20:26:55","modified_gmt":"2020-07-02T23:26:55","slug":"comentarios-css","status":"publish","type":"post","link":"https:\/\/www.joemaster.com.br\/tutoriais\/comentarios-css\/","title":{"rendered":"Coment\u00e1rios CSS"},"content":{"rendered":"

Os coment\u00e1rios s\u00e3o usados \u200b\u200bpara explicar o c\u00f3digo e podem ajudar quando voc\u00ea editar o c\u00f3digo-fonte posteriormente.<\/p>\n

Os coment\u00e1rios s\u00e3o ignorados pelos navegadores.<\/p>\n

Um coment\u00e1rio CSS \u00e9 colocado dentro do <style><\/code>elemento e come\u00e7a com \/*e termina com *\/:<\/span><\/p>\n

\n

 <\/p>\n

\/* This is a single-line comment *\/<\/span>
\np\u00a0{<\/span>
\ncolor:<\/span>\u00a0red;<\/span><\/span>
\n<\/span>}<\/span><\/strong><\/p>\n

\n

Os coment\u00e1rios tamb\u00e9m podem abranger v\u00e1rias linhas:<\/p>\n

 <\/p>\n

 <\/p>\n

\/* This is
\na multi-line
\ncomment *\/<\/span><\/p>\n

p\u00a0{<\/span>
\ncolor:<\/span>\u00a0red;<\/span><\/span>
\n<\/span>}<\/span><\/strong><\/p>\n

\n

Coment\u00e1rios HTML e CSS<\/strong><\/p>\n

No tutorial em HTML, voc\u00ea aprendeu que pode adicionar coment\u00e1rios \u00e0 sua fonte HTML usando a<\/p>\n

<!–…–>sintaxe.<\/span><\/p>\n

No exemplo a seguir, usamos uma combina\u00e7\u00e3o de coment\u00e1rios HTML e CSS<\/p>\n

<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<style>\r\np {\r\n  color: red; \/* Set text color to red *\/\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<h2>My Heading<\/h2>\r\n\r\n<!-- These paragraphs will be red -->\r\n<p>Hello World!<\/p>\r\n<p>This paragraph is styled with CSS.<\/p>\r\n<p>CSS comments are not shown in the output.<\/p>\r\n\r\n<\/body>\r\n<\/html><\/pre>\n


<\/center>\n
 <\/p>\n
\n  Ap\u00f3s clicar em Copy ⇗
O código fica pronto para testar ou colar onde quiser no  CTRL+V<\/font>\n