美文网首页
使用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基础1

    使用css的方式 使用css的方式有3种,样式的优先权为:行内样式>内部样式>外部样式行内样式内部样式外部样式 行...

  • CSS基础理解

    CSS基础理解 一、CSS 加载方式有几种 CSS可以通过使用外部样式表、内部样式表、内联样式来使用。 外部样式表...

  • 【CSS】 Index

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

  • 【CSS】三、常见属性

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

  • 【CSS】 一、使用CSS样式的方式

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

  • 【CSS】 二、定义样式表

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

  • 【CSS】四、DIV+CSS布局

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

  • CSS基础(一)

    1.CSS 的引入方式有哪些? CSS 的引入方式有以下三种: 行内样式使用style属性引入CSS样式。 内部样...

  • 爬虫_030_在HTML中如何使用css样式

    在HTML中如何使用css样式1、内联方式(行内样式)就是在HTML的标签中使用style属性来设置css样式格式...

  • 上课这点事-关于CSS

    CSS:(Cascading Style Sheets)层叠样式表 一、CSS使用方式 1、行间样式 缺点就是和...

网友评论

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

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