美文网首页
CSS的基本使用方式

CSS的基本使用方式

作者: 突然自我 | 来源:发表于2016-09-05 18:05 被阅读34次

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">
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">

该 DTD 包含所有 HTML 元素和属性,包括展示性的和弃用的元素(比如 font)。不允许框架集(Framesets)。

<meta http-equiv=Content-Type content="text/html;charset=utf-8">

注意的规则
单标记必须闭合,比如
必须写为<br /> <input />
单属性必须添加属性值,<input typr="radio" checked >必须写为<input typr="radio" checked="checked" />
标记和属性必须使用小写,<Body><BODY>是错的必须写为<body>
属性的属性值必须使用"",在HTML4.01之前可以使用<body bgcolor=red>,HTML4.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">

原文链接:http://www.maiziedu.com/wiki/css/useway/

相关文章

  • CSS的基本使用方式

    HTML 声明标签 定义和用法 声明必须是 HTML 文档的第一行,位...

  • 6-xpath和css select基本使用

    Xpath基本使用 css select基本使用

  • 五、Vue动画 ------ 2020-05-07

    1、常见的能触发动画的操作及添加动画的方式 2、Vue动画的基本使用:通过添加CSS样式使用 3、Vue动画的基本...

  • CSS部分

    引入方式 1.使用link标签引入css 文件 2.在head中通过sytle标签定义 语法 查找标签的方式 基本...

  • 项目杂乱

    编写css代码的方式: 第二种: 可以引入外部的css文件。 推荐使用。 方式1: 使用link标签。 推荐使用....

  • SVG手册

    使用方式 浏览器直接打开 在HTML中使用 标签引用 直接在HTML中使用SVG标签 作为CSS背景 基本图形和属...

  • CSS 基本使用

    引用CSS方式 内部引用 html文件中写一个 标签,并将样式写入到里面,举例: 外部引用 通过 标签实现,里面有...

  • wow.js的使用方法

    wow.js简介 功能: 滚动页面, 显示css动画 和animate.css配合使用 wow.js基本使用 基本...

  • CSS的基本使用

    1.CSS盒模型,在不同浏览器的差异 css 标准盒子模型 css盒子模型 又称为框模型(Box Model),包...

  • 【CSS】 Index

    CSS 一、使用CSS样式的方式CSS 二、定义样式表CSS 三、常见属性CSS 四、DIV+CSS布局

网友评论

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

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