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

  小知识:

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

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

  3. <!-- Hey, it's annotate -->

  4. 元素=开始标记+内容+结束标记  <!-- it's an element -->

  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浏览器不一定看得到, 可定义颜色,大小,类型等等

转载于:https://www.cnblogs.com/xuwanwei/p/10629899.html

HTML初识HTML相关推荐

  1. day3----编码-集合-深浅copy-文件操作-函数初识

    day3----编码-集合-深浅copy-文件操作-函数初识 本文档主要内容: 一 编码 二 集合 三 深浅copy 四 文件操作 五 函数初识 首先,我们来看看两个字符串的比较 打开cmd,进入do ...

  2. ⑥python模块初识、pyc和PyCodeObject

    一.模块初识(一) 模块,也叫库.库有标准库第三方库. 注意事项:文件名不能和导入的模块名相同 1. sys模块 import sys print(sys.path) #打印环境变量 print(sy ...

  3. 初识java类的接口实现

    初识java类的接口实现 如果两个类之间不存在继承关系,且两个类都想实现同一个接口,两个类都必须实现接口中全部方法,否则报语法错误 如果两个类之间存在继承关系也想实现同一个接口,父类如果实现了某个接口 ...

  4. vba 编辑combobox内容_初识Visual Basic编辑器并建立一段简单的代码

    大家好,从今日开始我正式推出"VBA之EXCEL应用"教程,这个教程是面向初学人员的教程,教程一共三册,十七个章节,从简单的录制宏实现一直讲到窗体的搭建,都是我们在利用EXCEL工 ...

  5. 16.1、python初识面向对象(1)

    初识面向对象 楔子 你现在是一家游戏公司的开发人员,现在需要你开发一款叫做<人狗大战>的游戏,你就思考呀,人狗作战,那至少需要2个角色,一个是人, 一个是狗,且人和狗都有不同的技能,比如人 ...

  6. 精通Python网络爬虫:核心技术、框架与项目实战.1.1 初识网络爬虫

    摘要 网络爬虫也叫做网络机器人,可以代替人们自动地在互联网中进行数据信息的采集与整理.在大数据时代,信息的采集是一项重要的工作,如果单纯靠人力进行信息采集,不仅低效繁琐,搜集的成本也会提高.此时,我们 ...

  7. 初识mysql数据字段属性_MySQL数据库~~~~初识、基础数据类型

    一 数据库初识 1.1 什么是数据库 数据库(DataBase,简称DB),简而言之可视为电子化的文件柜----存储电子文件的处所,用户可以对文件中的数据运行新增,截取,更新,删除等操作. 所谓数据库 ...

  8. Nancy in .Net Core学习笔记 - 初识Nancy

    原文:Nancy in .Net Core学习笔记 - 初识Nancy 前言 去年11月份参加了青岛MVP线下活动,会上老MVP衣明志介绍了Nancy, 一直没有系统的学习一下,最近正好有空,就结合. ...

  9. Python 函数初识 (1)

    一.今日主要内容 认识函数 函数:对功能或者动作的封装(定义) 语法: def 函数名字(形参) 函数体 函数的调用格式:函数名(实参) 函数的返回值 关键字:return 终止函数的运行 1.函数内 ...

  10. 细细品味大数据--初识hadoop

    初识hadoop 前言 之前在学校的时候一直就想学习大数据方面的技术,包括hadoop和机器学习啊什么的,但是归根结底就是因为自己太懒了,导致没有坚持多长时间,加上一直为offer做准备,所以当时重心 ...

最新文章

  1. 计算机二级ms office excel,计算机二级Msoffice考试excel答案.docx
  2. 计算机光驱参数,请问,电脑光驱插入关盘,打开时显示“参数不正确,无法打开”,这是什么故障,怎么处理?...
  3. 博弈论(Game Theory) - 04 - 纳什均衡
  4. 在基于Jetty Fast CGI Proxy和php-fpm下配置Discuz
  5. linux-磁盘分区、挂载
  6. 大涨50%之后 瑞幸咖啡美股盘前再涨逾30%
  7. 常用测试设计方法--其他
  8. scrum 12.8
  9. 园区通信光缆、电缆、管井、接入机房等室外资源的管理方案分享
  10. Dev cpp出现段错误的原因之一
  11. Vscode终端汉字乱码的简单解决方法
  12. Django文件上传与下载
  13. 计算机WIN7系统网络访问权限设置,win7系统ipv6无网络访问权限如何解决?
  14. gopher攻击mysql_gopher 协议在SSRF 中的一些利用
  15. 数据库LATEST DETECTED DEADLOCK
  16. Java学习之JavaFX安装
  17. 0x0000000000000000 in ??
  18. C语言知识-零零散散(四)
  19. Java复习笔记入门阶段06:方法
  20. 第十一届蓝桥杯 单片机设计与开发省赛试题

热门文章

  1. mysql原子性和乐观锁_乐观锁 VS 悲观锁
  2. 三次握手和四次挥手图解_详解 TCP 连接的“三次握手”与“四次挥手”
  3. 浏览器皮肤_和平精英返场皮肤投票时间是什么时候?投票地址入口介绍-手游资讯...
  4. php 递归函数中静态变量,php递归,静态变量,匿名函数使用
  5. git clone --recursive慢_Git使用之submodule
  6. 如何安装mysql 5.6_如何通过编译工具安装mysql 5.6
  7. 前端npm install失败
  8. 解决Hadoop总是处于安全模式的问题
  9. C案例:创建顺序表并进行增删改查操作
  10. 安装JDK 9与使用jshell