美文网首页
使用CSS样式的方式

使用CSS样式的方式

作者: Mustard_Buli | 来源:发表于2018-06-19 10:20 被阅读16次

    使用CSS样式的方式

    HTML <!DOCTYPE>声明标签

    <!DOCTYPE>声明必须是 HTML 文档的第一行,位于<html>标签之前,<!DOCTYPE>声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
    在 HTML 4.01中,<!DOCTYPE>声明引用 DTD, 因为 HTML 4.01 基于 SGML, DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
    HTML5 不基于 SGML,所以不需要引用 DTD。

    各版本的声明:

    • HTML5
      <!DOCTYPE html>
      <meta charset="utf-8">

    • HTML4.01
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      该 DTD 包含所有 HTML 元素和属性,包括展示性和弃用的元素 (e.g. font),不允许框架集(Framesets)。
      <meta http-equiv=Content-Type content="text"/html;charset=utf-8>

      注意的规则:

        1. 单标记必须闭合
      
            e.g. <br>必须写为<br/> <input/>
            
        2. 单属性必须添加属性值
      
            e.g. <input type="radio" checked> 必须写为 <input type="radio" checked="checked"/>
            
        3. 标记和属性必须小写
      
        4. 属性的属性值必须使用""
      
            在 HTML 4.01 之前可以使用 <body bgcolor=red>, HTML 4.01 必须写为 <body bgcolor="red">
      

    内联样式表

    <body style="background-color:green; margin:0; padding:0;"></body>

    嵌入式样式表

    • <style type="text/css"></style>
    • 需要将样式放在<head></head>

    引入式样式表

    <link rel="Stylesheet" type="text/css" href="style.css"?

    相关文章

      网友评论

          本文标题:使用CSS样式的方式

          本文链接:https://www.haomeiwen.com/subject/mcfaeftx.html