zoukankan      html  css  js  c++  java
  • 使用CSS样式的方式

    1,HTML<!DOCTYPE> 声明标签 

    定义和用法<!DOCTYPE>声明必须是HTML文档的第一行,位于<html>标签之前

    <!DOCTYPE>声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令

    在HTML4.01中,<!DOCTYPE>声明引用DTD,因为HTML4.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元素和属性,包含展示性和弃用的元素,不允许框架集

    注意的规则

    2,内链样式表<body style=“background-color:green;margin:0;padding:0;”></body>

    3,嵌入式样式表<style type=“text/css”></style>,需要将样式放在<head></head>

    4,引入式样式表<link rel =“StyleSheet” type=“text/css” href=“style.css”>

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>CSS的使用方式</title>
    <style type="text/css">
    body{
    background-color:green;
    color:red;
    }
    p{
    background-color: red;
    color: green;
    }
    </style>
    </head>
    <body style="background-color: green">
    <h1>CSS的使用方式</h1>
    <p>CSS的使用方式</p>

    </body>
    </html>
  • 相关阅读:
    li排序
    appendChild的用法
    单选框和下拉框的jquery操作
    Dom操作高级应用
    DOM操作应用
    自己写的sql排序
    odoo10学习笔记七:国际化、报表
    odoo10学习笔记六:工作流、安全机制、向导
    odoo10学习笔记五:高级视图
    odoo10学习笔记四:onchange、唯一性约束
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7868701.html
Copyright © 2011-2022 走看看