<HTML>初识HTML

　　最近在阅读Head first HTML and CSS, 写一些笔记。

小知识：

　　1. 浏览器会忽略HTML文档中的制表符，回车和大部分空格——要用标记

　　2. WYSIWYG——使得用户在视图中所看到文档与该文档的最终产品具有相同的样式

3.

4. 元素=开始标记+内容+结束标记

　　5. CSS---Cascading style sheet

Style元素：

　　1.格式

<head>    <!--写在head部分里面 -->

    <title> Spam </title>

    <style type="text/css">

        <!-- 可选属性type,告诉浏览器你在使用什么类型的样式 -->

         <!-- 定义页面样式 -->

     </style>

</head>

　　2, 完全可以只使用<style>而不带属性，所有浏览器都知道你指的是css。

　　3. 例子

　　　　（1）.代码

<!DOCTYPE html>

<html lang="en">　　　　

<head>

    <meta charset="UTF-8">

    <title>Hello World</title>

    <style type="text/css">     <!-- css的语法，样式定义式后面有分号 -->

        body{

            background-color: salmon;

            margin-right: 20%;

            margin-left: 20%;

            margin-top: 10%;

            padding: 10px 10px 10px 10px;

            border: black dotted 2px;

            font-family: sans-serif;

        }

    </style>

</head>

<body>

    <h1>Hello, world</h1>

    <p>I don't know what to do</p>

    <h2>My Jam</h2>

        <p>Long time----Cake</p>

        <p>Soap---Melanie Martinez</p>

        <p>Cry Baby --- Melanie Martinez</p>

    <h2>Poem</h2>

        <p>O captain, my captain</p>

</body>

</html>

　　　　　　（2）.运行结果

　　　　4.例子解析

　　　　　　（1）.注意css里面的分号

　　　　　　（2） margin-lef/right/... 外边距

　　　　　　（3） padding 内边距，注意四边的距离，而且距离之间用空格隔开，不用逗号

　　　　　　（4） border 边界，IE浏览器不一定看得到，可定义颜色，大小，类型等等

巴特西

<HTML>初识HTML

最新文章

热门文章